/* Theme takeover only on pages where the shortcode loads */
#masthead,
.site-header,
.entry-hero,
.page-header,
.hero-section,
.entry-header,
.wp-block-post-title,
.entry-title,
.page-title,
.woocommerce-products-header {
  display:none !important;
}

body .content-area,
body .site-content,
body .site-main,
body .entry-content,
body .wp-site-blocks {
  background:#edf2f8;
}

.yaagi-landing-root {
  --yg-bg:#edf2f8;
  --yg-navy:#0f234b;
  --yg-navy-2:#163668;
  --yg-navy-3:#2a61b7;
  --yg-text:#1f2b3d;
  --yg-muted:#677387;
  --yg-card:#ffffff;
  --yg-border:rgba(15,35,75,.10);
  --yg-shadow:0 18px 42px rgba(15,35,75,.12);
  --yg-shadow-soft:0 8px 24px rgba(15,35,75,.08);
  --yg-gold-1:#f4d36d;
  --yg-gold-2:#d99f31;
  color:var(--yg-text);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.5;
}
.yaagi-landing-root * { box-sizing:border-box; }

.yaagi-shell {
  width:min(1180px, calc(100% - 28px));
  margin:18px auto 34px;
}

.yaagi-top-card {
  position:sticky;
  top:14px;
  z-index:40;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:14px 16px;
  border-radius:26px;
  background:rgba(255,255,255,.86);
  border:1px solid rgba(255,255,255,.86);
  backdrop-filter:blur(16px);
  box-shadow:0 16px 40px rgba(15,35,75,.14);
  margin-bottom:18px;
}
.yaagi-brand-wrap {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:8px;
  min-width:0;
  flex:0 1 280px;
}
.yaagi-brand {
  display:inline-flex;
  align-items:center;
  max-width:100%;
}
.yaagi-brand-logo {
  display:block;
  width:140px;
  max-width:100%;
  height:auto;
}
.yaagi-brand-slogan {
  margin:0;
  color:#5f6b7f;
  font-size:12px;
  font-weight:700;
  line-height:1.25;
}
.yaagi-nav {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  flex:1 1 auto;
  min-width:0;
}
.yaagi-nav-links {
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:4px;
}
.yaagi-nav-links a,
.yaagi-mobile-links a {
  text-decoration:none;
  color:var(--yg-navy);
  font-weight:800;
  font-size:13px;
  padding:10px 12px;
  border-radius:999px;
  transition:background .18s ease, transform .18s ease;
}
.yaagi-nav-links a:hover,
.yaagi-nav-links a:focus-visible,
.yaagi-mobile-links a:hover,
.yaagi-mobile-links a:focus-visible {
  background:rgba(15,35,75,.06);
  outline:none;
}
.yaagi-nav-actions {
  display:flex;
  align-items:center;
  gap:10px;
}
.yaagi-language-pill {
  position:relative;
  display:inline-flex;
  align-items:center;
  min-height:42px;
  gap:8px;
  padding:0 34px 0 14px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(15,35,75,.14);
  box-shadow:0 3px 9px rgba(15,35,75,.05) inset;
  color:var(--yg-navy);
  font-size:13px;
  font-weight:900;
}
.yaagi-language-label { pointer-events:none; }
.yaagi-language-select {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:0;
  cursor:pointer;
  appearance:none;
}
.yaagi-language-pill::after {
  content:"";
  position:absolute;
  right:14px;
  top:50%;
  width:8px;
  height:8px;
  border-right:2px solid #66758d;
  border-bottom:2px solid #66758d;
  transform:translateY(-65%) rotate(45deg);
  pointer-events:none;
}
.yaagi-open-app,
.yaagi-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  border-radius:999px;
  border:none;
  text-decoration:none;
  font-weight:900;
  line-height:1.1;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.yaagi-open-app,
.yaagi-btn-primary {
  color:var(--yg-navy);
  background:linear-gradient(180deg,var(--yg-gold-1),var(--yg-gold-2));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55), 0 8px 16px rgba(217,159,49,.24);
}
.yaagi-open-app { padding:0 16px; font-size:13px; }
.yaagi-btn { padding:0 18px; font-size:14px; }
.yaagi-btn:hover,
.yaagi-open-app:hover { transform:translateY(-1px); filter:brightness(1.03); }
.yaagi-btn-secondary {
  color:var(--yg-navy);
  background:#fff;
  border:1px solid rgba(15,35,75,.12);
  box-shadow:var(--yg-shadow-soft);
}
.yaagi-btn-wide { min-width:100%; }

.yaagi-menu-toggle {
  display:none;
  width:46px;
  height:46px;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:4px;
  border-radius:15px;
  border:1px solid rgba(15,35,75,.12);
  background:#fff;
  box-shadow:var(--yg-shadow-soft);
  padding:0;
}
.yaagi-menu-toggle-line {
  width:18px;
  height:2px;
  border-radius:2px;
  background:var(--yg-navy);
}
.yaagi-mobile-menu {
  display:none;
  position:sticky;
  top:84px;
  z-index:39;
  margin:0 0 16px;
  padding:12px;
  border-radius:22px;
  background:rgba(255,255,255,.94);
  border:1px solid rgba(255,255,255,.88);
  box-shadow:var(--yg-shadow);
  backdrop-filter:blur(14px);
}
.yaagi-mobile-menu.is-open { display:block; }
.yaagi-mobile-links { display:flex; flex-direction:column; gap:8px; }
.yaagi-mobile-links a { background:#f7f9fc; }
.yaagi-mobile-language-wrap { padding-top:8px; }
.yaagi-language-pill-mobile { width:100%; justify-content:flex-start; }
.yaagi-open-app-mobile { width:100%; margin-top:8px; }

.yaagi-hero,
.yaagi-section,
.yaagi-privacy-bar {
  border-radius:34px;
  border:1px solid rgba(255,255,255,.84);
  box-shadow:var(--yg-shadow);
}
.yaagi-hero {
  display:grid;
  grid-template-columns:1.02fr .98fr;
  gap:34px;
  align-items:center;
  background:linear-gradient(135deg,#fbfdff 0%, #f2f7fb 55%, #f9fbfe 100%);
  padding:28px;
}
.yaagi-kicker {
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 12px;
  border-radius:999px;
  background:#e7f0fb;
  color:#325c94;
  font-size:12px;
  font-weight:900;
}
.yaagi-kicker-dark {
  background:rgba(255,255,255,.12);
  color:#e8f0ff;
}
.yaagi-hero-copy h1 {
  margin:14px 0 14px;
  color:var(--yg-navy);
  font-size:clamp(2.35rem,4vw,4.45rem);
  line-height:.95;
  letter-spacing:-0.05em;
}
.yaagi-hero-text,
.yaagi-section-intro {
  margin:0;
  max-width:62ch;
  color:var(--yg-muted);
  font-size:17px;
}
.yaagi-cta-group {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin:22px 0 18px;
}
.yaagi-proof-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.yaagi-proof-grid span {
  display:flex;
  align-items:center;
  min-height:58px;
  padding:0 16px;
  border-radius:18px;
  background:#fff;
  border:1px solid var(--yg-border);
  color:var(--yg-navy);
  font-size:15px;
  font-weight:800;
  box-shadow:var(--yg-shadow-soft);
}
.yaagi-proof-grid span::before {
  content:"";
  width:10px;
  height:10px;
  margin-right:10px;
  border-radius:50%;
  background:linear-gradient(180deg,var(--yg-gold-1),var(--yg-gold-2));
  box-shadow:0 0 0 4px rgba(244,211,109,.15);
}

.yaagi-hero-media {
  position:relative;
  min-height:590px;
}
.yaagi-family-panel {
  position:absolute;
  left:0;
  bottom:38px;
  width:min(455px, 88%);
  border-radius:30px;
  overflow:hidden;
  box-shadow:0 24px 48px rgba(15,35,75,.18);
}
.yaagi-family-panel img {
  display:block;
  width:100%;
  height:auto;
}
.yaagi-phone-frame {
  position:absolute;
  right:10px;
  top:0;
  width:286px;
  padding:12px;
  border-radius:40px;
  background:#0f234b;
  box-shadow:0 26px 56px rgba(15,35,75,.28);
  transform:rotate(2deg);
}
.yaagi-phone-notch {
  width:116px;
  height:22px;
  margin:4px auto 12px;
  border-radius:999px;
  background:#102b57;
}
.yaagi-phone-screen {
  overflow:hidden;
  border-radius:28px;
  background:#eef4fb;
}
.yaagi-phone-screen img {
  display:block;
  width:100%;
  height:auto;
}
.yaagi-floating-card {
  position:absolute;
  right:120px;
  bottom:28px;
  width:230px;
  border-radius:26px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 20px 40px rgba(15,35,75,.16);
  border:1px solid rgba(255,255,255,.9);
}
.yaagi-floating-card img {
  display:block;
  width:100%;
  height:auto;
}

.yaagi-section { margin-top:24px; padding:36px; }
.yaagi-section h2 {
  margin:14px 0 10px;
  color:var(--yg-navy);
  font-size:clamp(2rem,3.2vw,3.15rem);
  line-height:1;
  letter-spacing:-0.04em;
}
.yaagi-section-light { background:rgba(255,255,255,.86); }
.yaagi-section-dark {
  background:radial-gradient(circle at 0% 0%, rgba(70,112,185,.35), transparent 35%), linear-gradient(135deg,#08142d,#0f234b 52%, #1a468c 100%);
  color:#fff;
}
.yaagi-section-premium {
  display:grid;
  grid-template-columns:1.2fr .8fr;
  align-items:center;
  gap:24px;
  background:linear-gradient(135deg,#163668,#1a468c 100%);
  color:#fff;
}
.yaagi-section-intro-dark,
.yaagi-section-dark h2,
.yaagi-section-premium h2,
.yaagi-section-premium .yaagi-section-intro { color:#fff; }
.yaagi-section-dark .yaagi-section-intro,
.yaagi-section-premium .yaagi-section-intro { opacity:.85; }

.yaagi-card-grid,
.yaagi-step-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:20px;
}
.yaagi-info-card,
.yaagi-step-card,
.yaagi-premium-card {
  background:rgba(255,255,255,.96);
  border:1px solid rgba(15,35,75,.08);
  border-radius:22px;
  box-shadow:var(--yg-shadow-soft);
}
.yaagi-info-card,
.yaagi-step-card { padding:22px; }
.yaagi-card-icon {
  width:38px;
  height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  background:#f3f7fb;
  margin-bottom:12px;
}
.yaagi-info-card h3,
.yaagi-step-card h3,
.yaagi-premium-card h3 {
  margin:0 0 8px;
  color:var(--yg-navy);
  font-size:clamp(1.42rem,2vw,1.82rem);
  line-height:1.05;
  letter-spacing:-0.03em;
}
.yaagi-info-card p,
.yaagi-step-card p,
.yaagi-premium-card p {
  margin:0;
  color:var(--yg-muted);
  font-size:15px;
}
.yaagi-step-card {
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.14);
}
.yaagi-step-card h3,
.yaagi-step-card p { color:#fff; }
.yaagi-step-number {
  width:34px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:linear-gradient(180deg,var(--yg-gold-1),var(--yg-gold-2));
  color:var(--yg-navy);
  font-weight:900;
  margin-bottom:12px;
}
.yaagi-premium-card { padding:24px; }
.yaagi-premium-label {
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 12px;
  border-radius:999px;
  background:#edf4fb;
  color:#45689b;
  font-size:12px;
  font-weight:900;
}
.yaagi-premium-card h3 { font-size:clamp(2rem,3vw,3rem); }

.yaagi-faq { margin-top:20px; display:grid; gap:10px; }
.yaagi-faq details {
  border-radius:18px;
  background:#fff;
  border:1px solid rgba(15,35,75,.08);
  padding:16px 18px;
  box-shadow:var(--yg-shadow-soft);
}
.yaagi-faq summary { cursor:pointer; color:var(--yg-navy); font-weight:800; }
.yaagi-faq p { margin:12px 0 0; color:var(--yg-muted); }

.yaagi-about {
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:26px;
  align-items:start;
}
.yaagi-cta-panel { text-align:center; }
.yaagi-cta-center { justify-content:center; }

.yaagi-privacy-bar {
  margin-top:20px;
  padding:16px 22px;
  background:linear-gradient(90deg,#0f234b,#163668);
  color:#fff;
}
.yaagi-footer {
  display:flex;
  justify-content:space-between;
  gap:16px;
  color:#5d6a7f;
  font-size:13px;
  padding:18px 6px 0;
}

@media (max-width: 1100px) {
  .yaagi-hero { grid-template-columns:1fr; }
  .yaagi-hero-media { min-height:600px; }
  .yaagi-section-premium,
  .yaagi-about { grid-template-columns:1fr; }
}
@media (max-width: 960px) {
  .yaagi-nav { display:none; }
  .yaagi-menu-toggle { display:flex; }
  .yaagi-top-card { padding:14px; }
}
@media (max-width: 860px) {
  .yaagi-shell { width:min(100% - 18px, 1180px); }
  .yaagi-proof-grid,
  .yaagi-card-grid,
  .yaagi-step-grid { grid-template-columns:1fr; }
  .yaagi-section,
  .yaagi-hero { padding:22px; }
  .yaagi-footer { flex-direction:column; align-items:flex-start; }
}
@media (max-width: 640px) {
  .yaagi-top-card {
    top:10px;
    align-items:flex-start;
    gap:12px;
  }
  .yaagi-brand-wrap {
    flex:1 1 auto;
    max-width:calc(100% - 58px);
  }
  .yaagi-brand-logo { width:132px; }
  .yaagi-brand-slogan { font-size:11px; max-width:180px; }
  .yaagi-mobile-menu { top:78px; }
  .yaagi-hero-copy h1 { font-size:clamp(2.08rem, 10vw, 3.45rem); }
  .yaagi-hero-text,
  .yaagi-section-intro { font-size:16px; }
  .yaagi-cta-group { flex-direction:column; align-items:stretch; }
  .yaagi-btn,
  .yaagi-btn-primary,
  .yaagi-btn-secondary { width:100%; min-width:0; }
  .yaagi-proof-grid { grid-template-columns:1fr; }
  .yaagi-hero-media {
    min-height:500px;
    margin-top:8px;
  }
  .yaagi-family-panel {
    position:relative;
    left:auto;
    bottom:auto;
    width:100%;
  }
  .yaagi-phone-frame {
    width:206px;
    right:0;
    top:170px;
    padding:9px;
  }
  .yaagi-phone-notch {
    width:88px;
    height:18px;
    margin:3px auto 8px;
  }
  .yaagi-phone-screen { border-radius:22px; }
  .yaagi-floating-card {
    right:138px;
    bottom:10px;
    width:132px;
    border-radius:18px;
  }
  .yaagi-section h2 { font-size:clamp(1.75rem, 8vw, 2.5rem); }
  .yaagi-section { padding:20px; border-radius:26px; }
  .yaagi-hero { padding:18px; border-radius:26px; }
  .yaagi-privacy-bar { border-radius:22px; }
}


/* 0.4.2 uploaded hero image mode */
.yaagi-visually-hidden {
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
  clip:rect(0 0 0 0) !important;
  white-space:nowrap !important;
  clip-path:inset(50%) !important;
}

.yaagi-brand-logo {
  width:166px;
  max-height:64px;
  object-fit:contain;
}

.yaagi-hero-image-only {
  display:block;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
}

.yaagi-hero-uploaded-wrap {
  position:relative;
  overflow:hidden;
  border-radius:34px;
  background:#fff;
  border:1px solid rgba(255,255,255,.88);
  box-shadow:0 22px 48px rgba(15,35,75,.16);
}

.yaagi-hero-uploaded-image {
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
}

.yaagi-hero-live-actions {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin:18px auto 0;
  flex-wrap:wrap;
}

.yaagi-hero-live-actions .yaagi-btn {
  min-width:190px;
}

@media (max-width: 700px) {
  .yaagi-brand-logo {
    width:136px;
    max-height:54px;
  }

  .yaagi-brand-slogan {
    max-width:220px;
  }

  .yaagi-hero-uploaded-wrap {
    border-radius:26px;
  }

  .yaagi-hero-live-actions {
    flex-direction:column;
    align-items:stretch;
    margin-top:14px;
  }

  .yaagi-hero-live-actions .yaagi-btn {
    width:100%;
    min-width:0;
  }
}


/* 0.4.3 logo, language and uploaded hero fixes */
.yaagi-top-card {
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.yaagi-brand-wrap {
  flex:0 1 260px;
  gap:6px;
}

.yaagi-brand-logo {
  width:168px;
  max-width:100%;
  max-height:72px;
  object-fit:contain;
  display:block;
}

.yaagi-header-actions {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex:0 0 auto;
}

.yaagi-header-actions .yaagi-language-pill {
  flex:0 0 auto;
}

.yaagi-nav {
  justify-content:center;
  flex:1 1 auto;
}

.yaagi-nav-links {
  justify-content:center;
}

.yaagi-mobile-menu .yaagi-language-pill,
.yaagi-mobile-language-wrap {
  display:none !important;
}

.yaagi-hero-uploaded-wrap {
  min-height:220px;
}

.yaagi-hero-uploaded-image[hidden] {
  display:none !important;
}

.yaagi-hero-loading-note {
  min-height:360px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:32px;
  color:#60708a;
  text-align:center;
  background:linear-gradient(135deg,#fff,#f1f6fb);
}

.yaagi-hero-loading-note strong {
  color:#0f234b;
  letter-spacing:.18em;
  font-size:22px;
}

.yaagi-hero-loading-note[hidden] {
  display:none !important;
}

@media (max-width: 960px) {
  .yaagi-top-card {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:12px;
  }

  .yaagi-brand-wrap {
    min-width:0;
    max-width:none;
  }

  .yaagi-nav {
    display:none !important;
  }

  .yaagi-header-actions {
    grid-column:2;
    grid-row:1;
    display:flex;
    align-items:center;
    gap:8px;
  }

  .yaagi-menu-toggle {
    display:flex;
  }

  .yaagi-header-open-app {
    display:none;
  }

  .yaagi-language-pill {
    min-height:42px;
    padding-left:13px;
    padding-right:32px;
  }

  .yaagi-mobile-menu {
    top:86px;
  }
}

@media (max-width: 700px) {
  .yaagi-shell {
    width:min(100% - 16px, 1180px);
    margin-top:10px;
  }

  .yaagi-top-card {
    top:8px;
    padding:11px 12px;
    border-radius:22px;
  }

  .yaagi-brand-logo {
    width:142px;
    max-height:58px;
  }

  .yaagi-brand-slogan {
    font-size:10.5px;
    max-width:210px;
    line-height:1.18;
  }

  .yaagi-header-actions {
    gap:7px;
  }

  .yaagi-language-pill {
    min-height:40px;
    padding:0 29px 0 11px;
    font-size:12px;
  }

  .yaagi-menu-toggle {
    width:40px;
    height:40px;
    border-radius:13px;
  }

  .yaagi-hero-uploaded-image {
    width:100%;
    height:auto;
  }

  .yaagi-hero-uploaded-wrap {
    border-radius:24px;
  }
}

@media (max-width: 420px) {
  .yaagi-brand-logo {
    width:126px;
  }

  .yaagi-brand-slogan {
    display:none;
  }

  .yaagi-language-pill {
    min-width:62px;
  }
}

/* 0.4.6 mobile hero layout fix: text and CTA are real layout, not baked into uploaded images. */
.yaagi-hero-code {
  display:grid;
  grid-template-columns:minmax(0, .98fr) minmax(300px, .82fr);
  grid-template-areas:
    "copy visual"
    "actions visual"
    "proof visual";
  align-items:center;
  gap:18px 34px;
  padding:34px;
  overflow:hidden;
  background:
    radial-gradient(circle at 88% 12%, rgba(244,211,109,.24), transparent 28%),
    linear-gradient(135deg,#fbfdff 0%, #f4f8fc 54%, #eef5fb 100%);
}

.yaagi-hero-code .yaagi-hero-copy {
  grid-area:copy;
  min-width:0;
}

.yaagi-hero-code .yaagi-hero-copy h1 {
  max-width:10.8em;
}

.yaagi-hero-code .yaagi-hero-live-actions {
  grid-area:actions;
  justify-content:flex-start;
  margin:4px 0 0;
}

.yaagi-hero-code .yaagi-hero-proof-grid {
  grid-area:proof;
  margin-top:2px;
}

.yaagi-hero-code .yaagi-hero-uploaded-wrap {
  display:none !important;
}

.yaagi-hero-visual {
  grid-area:visual;
  position:relative;
  min-height:420px;
  isolation:isolate;
}

.yaagi-hero-visual::before {
  content:"";
  position:absolute;
  inset:10px 0 24px 48px;
  border-radius:34px;
  background:linear-gradient(135deg,#071329,#0f234b 68%,#173a72);
  box-shadow:0 24px 52px rgba(15,35,75,.22);
  z-index:-2;
}

.yaagi-hero-mark {
  position:absolute;
  top:22px;
  right:26px;
  width:178px;
  height:178px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:rgba(255,255,255,.95);
  border:1px solid rgba(255,255,255,.84);
  box-shadow:0 20px 42px rgba(0,0,0,.22);
}

.yaagi-hero-symbol {
  display:block;
  width:126px;
  height:126px;
  object-fit:contain;
}

.yaagi-hero-dashboard {
  position:absolute;
  left:22px;
  bottom:32px;
  width:min(330px, calc(100% - 70px));
  padding:22px;
  border-radius:28px;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(255,255,255,.88);
  box-shadow:0 20px 46px rgba(0,0,0,.20);
}

.yaagi-hero-dashboard-row {
  width:72%;
  height:18px;
  border-radius:999px;
  background:#dfeaf6;
}

.yaagi-hero-dashboard-row-main {
  width:48%;
  margin-bottom:18px;
  background:linear-gradient(90deg,var(--yg-gold-1),var(--yg-gold-2));
}

.yaagi-hero-dashboard-grid {
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:8px;
}

.yaagi-hero-dashboard-grid span {
  aspect-ratio:1;
  border-radius:12px;
  background:#eef4fb;
  border:1px solid rgba(15,35,75,.07);
}

.yaagi-hero-dashboard-grid span:nth-child(2),
.yaagi-hero-dashboard-grid span:nth-child(5) {
  background:#d9e8f8;
}

.yaagi-hero-dashboard-grid span:nth-child(4),
.yaagi-hero-dashboard-grid span:nth-child(7) {
  background:#f7e8bd;
}

.yaagi-hero-dashboard-note {
  width:62%;
  height:14px;
  margin-top:18px;
  border-radius:999px;
  background:#e6edf6;
}

.yaagi-hero-pill {
  position:absolute;
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:0 15px;
  border-radius:999px;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(255,255,255,.9);
  box-shadow:0 14px 28px rgba(0,0,0,.16);
  color:var(--yg-navy);
  font-size:13px;
  font-weight:900;
}

.yaagi-hero-pill-one {
  left:58px;
  top:42px;
}

.yaagi-hero-pill-two {
  right:12px;
  bottom:88px;
}

@media (max-width: 960px) {
  .yaagi-hero-code {
    grid-template-columns:1fr;
    grid-template-areas:
      "copy"
      "actions"
      "proof"
      "visual";
    gap:16px;
  }

  .yaagi-hero-code .yaagi-hero-copy h1 {
    max-width:11.4em;
  }

  .yaagi-hero-visual {
    min-height:300px;
  }

  .yaagi-hero-visual::before {
    inset:0;
  }

  .yaagi-hero-dashboard {
    width:min(360px, calc(100% - 42px));
  }
}

@media (max-width: 640px) {
  .yaagi-hero-code {
    padding:18px;
    border-radius:26px;
    gap:14px;
  }

  .yaagi-hero-code .yaagi-hero-live-actions {
    flex-direction:column;
    align-items:stretch;
    margin-top:0;
  }

  .yaagi-hero-code .yaagi-hero-proof-grid {
    grid-template-columns:1fr;
    gap:10px;
  }

  .yaagi-hero-code .yaagi-hero-proof-grid span {
    min-height:48px;
  }

  .yaagi-hero-visual {
    min-height:218px;
    margin-top:2px;
  }

  .yaagi-hero-mark {
    top:16px;
    right:16px;
    width:104px;
    height:104px;
  }

  .yaagi-hero-symbol {
    width:76px;
    height:76px;
  }

  .yaagi-hero-dashboard {
    left:14px;
    bottom:14px;
    width:calc(100% - 74px);
    padding:14px;
    border-radius:20px;
  }

  .yaagi-hero-dashboard-grid {
    gap:6px;
  }

  .yaagi-hero-dashboard-grid span {
    border-radius:9px;
  }

  .yaagi-hero-pill {
    display:none;
  }
}

@media (max-width: 380px) {
  .yaagi-hero-visual {
    min-height:190px;
  }

  .yaagi-hero-dashboard {
    width:calc(100% - 58px);
  }
}

/* 0.4.7 sticky header anchor offset */
html {
  scroll-padding-top:132px;
}

.yaagi-landing-root {
  scroll-padding-top:132px;
}

.yaagi-section,
.yaagi-hero,
.yaagi-privacy-bar,
#top,
#features,
#how-it-works,
#pricing,
#about,
#contact,
#privacy {
  scroll-margin-top:132px;
}

@media (max-width: 960px) {
  html,
  .yaagi-landing-root {
    scroll-padding-top:154px;
  }

  .yaagi-section,
  .yaagi-hero,
  .yaagi-privacy-bar,
  #top,
  #features,
  #how-it-works,
  #pricing,
  #about,
  #contact,
  #privacy {
    scroll-margin-top:154px;
  }
}

@media (max-width: 640px) {
  html,
  .yaagi-landing-root {
    scroll-padding-top:172px;
  }

  .yaagi-section,
  .yaagi-hero,
  .yaagi-privacy-bar,
  #top,
  #features,
  #how-it-works,
  #pricing,
  #about,
  #contact,
  #privacy {
    scroll-margin-top:172px;
  }
}

/* 0.4.9 restored warm commercial hero */
.yaagi-hero-code {
  grid-template-columns:minmax(0, .92fr) minmax(360px, .98fr);
  gap:22px 38px;
  background:
    radial-gradient(circle at 84% 14%, rgba(244,211,109,.20), transparent 26%),
    linear-gradient(135deg,#fffdfa 0%, #f4f8fc 52%, #e9f1f9 100%);
}

.yaagi-hero-visual {
  min-height:520px;
  border-radius:34px;
}

.yaagi-hero-visual::before {
  inset:24px 10px 18px 34px;
  background:linear-gradient(135deg,#061229,#102a55 72%,#173a72);
}

.yaagi-hero-photo-card {
  position:absolute;
  inset:0 82px 54px 0;
  margin:0;
  overflow:hidden;
  border-radius:34px;
  background:#fff;
  border:1px solid rgba(255,255,255,.88);
  box-shadow:0 28px 60px rgba(15,35,75,.20);
}

.yaagi-hero-family-photo {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

.yaagi-hero-photo-card::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(15,35,75,.08), transparent 38%, rgba(15,35,75,.10));
  pointer-events:none;
}

.yaagi-hero-phone {
  position:absolute;
  right:8px;
  bottom:2px;
  width:184px;
  padding:10px;
  border-radius:32px;
  background:#08142d;
  box-shadow:0 28px 58px rgba(8,20,45,.34);
  transform:rotate(2.4deg);
  z-index:3;
}

.yaagi-hero-phone-notch {
  width:74px;
  height:13px;
  margin:2px auto 8px;
  border-radius:999px;
  background:#142d58;
}

.yaagi-hero-phone-screen {
  min-height:268px;
  overflow:hidden;
  border-radius:24px;
  background:linear-gradient(180deg,#f7fbff,#edf4fb);
  padding:14px;
}

.yaagi-phone-app-bar {
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--yg-navy);
  font-size:12px;
  font-weight:900;
}

.yaagi-phone-app-bar img {
  display:block;
  width:24px;
  height:24px;
  object-fit:contain;
}

.yaagi-phone-week {
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:5px;
  margin:16px 0 14px;
}

.yaagi-phone-week span {
  aspect-ratio:1;
  border-radius:10px;
  background:#dce8f5;
}

.yaagi-phone-week span:nth-child(2),
.yaagi-phone-week span:nth-child(4) {
  background:linear-gradient(180deg,var(--yg-gold-1),var(--yg-gold-2));
}

.yaagi-phone-card {
  height:42px;
  margin-top:9px;
  border-radius:16px;
  background:#fff;
  border:1px solid rgba(15,35,75,.08);
  box-shadow:0 8px 18px rgba(15,35,75,.08);
}

.yaagi-phone-card-primary {
  background:linear-gradient(135deg,#12315f,#1b4b91);
}

.yaagi-phone-card-short {
  width:72%;
}

.yaagi-hero-benefit {
  position:absolute;
  z-index:4;
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:0 15px;
  border-radius:999px;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(255,255,255,.88);
  box-shadow:0 16px 34px rgba(15,35,75,.18);
  color:var(--yg-navy);
  font-size:13px;
  font-weight:900;
}

.yaagi-hero-benefit::before,
.yaagi-proof-grid span::before {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  width:28px;
  height:28px;
  margin-right:0;
  border-radius:50%;
  background:linear-gradient(180deg,var(--yg-gold-1),var(--yg-gold-2));
  box-shadow:0 0 0 4px rgba(244,211,109,.18);
  color:var(--yg-navy);
  font-size:14px;
  font-weight:900;
}

.yaagi-hero-benefit-one {
  left:22px;
  top:26px;
}

.yaagi-hero-benefit-one::before,
.yaagi-proof-grid span:nth-child(1)::before {
  content:"Cal";
  font-size:10px;
}

.yaagi-hero-benefit-two {
  left:42px;
  bottom:20px;
}

.yaagi-hero-benefit-two::before,
.yaagi-proof-grid span:nth-child(3)::before {
  content:"Link";
  width:34px;
  font-size:9px;
}

.yaagi-proof-grid span:nth-child(2)::before {
  content:"Reg";
  font-size:10px;
}

.yaagi-proof-grid span:nth-child(4)::before {
  content:"Doc";
  font-size:10px;
}

.yaagi-section-premium {
  background:
    radial-gradient(circle at 94% 8%, rgba(244,211,109,.16), transparent 28%),
    linear-gradient(135deg,#071329,#0f234b 58%,#163668 100%);
}

@media (max-width: 960px) {
  .yaagi-hero-visual {
    min-height:440px;
  }

  .yaagi-hero-photo-card {
    inset:0 72px 54px 0;
  }

  .yaagi-hero-phone {
    width:170px;
  }
}

@media (max-width: 640px) {
  .yaagi-hero-code {
    grid-template-areas:
      "copy"
      "actions"
      "visual"
      "proof";
  }

  .yaagi-hero-visual {
    min-height:320px;
  }

  .yaagi-hero-visual::before {
    inset:22px 0 10px 22px;
    border-radius:26px;
  }

  .yaagi-hero-photo-card {
    inset:0 42px 48px 0;
    border-radius:24px;
  }

  .yaagi-hero-family-photo {
    object-position:center;
  }

  .yaagi-hero-phone {
    right:0;
    bottom:0;
    width:128px;
    padding:7px;
    border-radius:24px;
  }

  .yaagi-hero-phone-notch {
    width:52px;
    height:10px;
    margin-bottom:6px;
  }

  .yaagi-hero-phone-screen {
    min-height:188px;
    border-radius:18px;
    padding:10px;
  }

  .yaagi-phone-app-bar {
    font-size:10px;
  }

  .yaagi-phone-app-bar img {
    width:18px;
    height:18px;
  }

  .yaagi-phone-week {
    gap:4px;
    margin:12px 0 10px;
  }

  .yaagi-phone-card {
    height:30px;
    border-radius:12px;
    margin-top:7px;
  }

  .yaagi-hero-benefit {
    min-height:36px;
    padding:0 11px;
    font-size:11px;
  }

  .yaagi-hero-benefit::before,
  .yaagi-proof-grid span::before {
    width:24px;
    height:24px;
  }

  .yaagi-hero-benefit-one {
    left:12px;
    top:14px;
  }

  .yaagi-hero-benefit-two {
    display:none;
  }
}

@media (max-width: 380px) {
  .yaagi-hero-visual {
    min-height:292px;
  }

  .yaagi-hero-phone {
    width:118px;
  }
}

/* 0.5.0 good hero image restore */
.yaagi-hero-code {
  grid-template-columns:minmax(0, .88fr) minmax(420px, 1fr);
  gap:24px 36px;
  background:
    radial-gradient(circle at 96% 0%, rgba(53,148,79,.13), transparent 30%),
    linear-gradient(135deg,#fffdf8 0%,#f6fbff 58%,#edf5fb 100%);
}

.yaagi-hero-code .yaagi-hero-copy {
  align-self:center;
}

.yaagi-hero-code .yaagi-hero-live-actions {
  margin-top:6px;
}

.yaagi-hero-visual {
  min-height:500px;
  border-radius:34px;
}

.yaagi-hero-visual::before {
  inset:28px 0 16px 28px;
  border-radius:34px;
  background:linear-gradient(135deg,#08142d,#102c59 64%,#174179);
  box-shadow:0 26px 58px rgba(15,35,75,.22);
}

.yaagi-hero-photo-card {
  inset:0 16px 30px 0;
  border-radius:32px;
  background:#f8fbff;
  box-shadow:0 28px 62px rgba(15,35,75,.20);
}

.yaagi-hero-photo-card::after {
  background:linear-gradient(90deg, rgba(6,18,41,.10), transparent 35%, rgba(6,18,41,.04));
}

.yaagi-hero-good-image {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

.yaagi-hero-phone,
.yaagi-hero-benefit {
  display:none !important;
}

.yaagi-hero-code .yaagi-proof-grid {
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.yaagi-hero-code .yaagi-proof-grid span {
  min-height:64px;
  border-radius:18px;
  background:rgba(255,255,255,.94);
}

@media (max-width: 960px) {
  .yaagi-hero-code {
    grid-template-columns:1fr;
    grid-template-areas:
      "copy"
      "actions"
      "visual"
      "proof";
  }

  .yaagi-hero-visual {
    min-height:440px;
  }

  .yaagi-hero-photo-card {
    inset:0 0 24px 0;
  }
}

@media (max-width: 640px) {
  .yaagi-hero-code {
    padding:18px;
    gap:14px;
  }

  .yaagi-hero-visual {
    min-height:330px;
  }

  .yaagi-hero-visual::before {
    inset:18px 0 8px 18px;
    border-radius:26px;
  }

  .yaagi-hero-photo-card {
    inset:0 0 18px 0;
    border-radius:24px;
  }

  .yaagi-hero-good-image {
    object-position:center;
  }

  .yaagi-hero-code .yaagi-proof-grid {
    grid-template-columns:1fr;
    order:4;
  }
}

@media (max-width: 420px) {
  .yaagi-hero-visual {
    min-height:292px;
  }
}

/* 0.5.0 good hero image restore: full composition with live YAAGI copy */
.yaagi-hero-code {
  position:relative;
  display:block;
  min-height:640px;
  padding:0;
  overflow:hidden;
  background:transparent;
}

.yaagi-hero-code .yaagi-hero-copy {
  position:absolute;
  z-index:5;
  top:46px;
  left:44px;
  width:min(520px, 43%);
  min-width:0;
}

.yaagi-hero-code .yaagi-hero-copy h1 {
  max-width:10.5em;
  margin:18px 0 14px;
  font-size:clamp(2.45rem, 4.1vw, 4.65rem);
  letter-spacing:0;
}

.yaagi-hero-code .yaagi-hero-live-actions {
  position:static;
  display:flex;
  justify-content:flex-start;
  margin:22px 0 18px;
}

.yaagi-hero-code .yaagi-hero-proof-grid {
  position:static;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:4px;
}

.yaagi-hero-code .yaagi-hero-proof-grid span {
  min-height:54px;
  padding:0 12px;
  font-size:13px;
}

.yaagi-hero-code .yaagi-hero-visual {
  position:relative;
  z-index:1;
  min-height:640px;
  border-radius:34px;
  overflow:hidden;
}

.yaagi-hero-code .yaagi-hero-visual::before {
  display:none;
}

.yaagi-hero-code .yaagi-hero-photo-card {
  position:absolute;
  inset:0;
  margin:0;
  width:100%;
  height:100%;
  border-radius:34px;
  border:1px solid rgba(255,255,255,.9);
  box-shadow:0 24px 58px rgba(15,35,75,.16);
}

.yaagi-hero-code .yaagi-hero-photo-card::after {
  display:none;
}

.yaagi-hero-code .yaagi-hero-good-image {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
}

@media (max-width: 1100px) {
  .yaagi-hero-code {
    min-height:590px;
  }

  .yaagi-hero-code .yaagi-hero-copy {
    width:min(460px, 45%);
    top:34px;
    left:34px;
  }

  .yaagi-hero-code .yaagi-hero-copy h1 {
    font-size:clamp(2.2rem, 4vw, 3.8rem);
  }

  .yaagi-hero-code .yaagi-hero-visual {
    min-height:590px;
  }
}

@media (max-width: 860px) {
  .yaagi-hero-code {
    display:grid;
    grid-template-columns:1fr;
    gap:16px;
    min-height:0;
    padding:18px;
    background:linear-gradient(135deg,#fffdf8,#eef5fb);
  }

  .yaagi-hero-code .yaagi-hero-copy {
    position:static;
    width:auto;
  }

  .yaagi-hero-code .yaagi-hero-visual {
    min-height:420px;
    border-radius:26px;
    order:2;
  }

  .yaagi-hero-code .yaagi-hero-good-image {
    object-position:62% top;
  }
}

@media (max-width: 640px) {
  .yaagi-hero-code .yaagi-hero-copy h1 {
    font-size:clamp(2rem, 9vw, 3.1rem);
  }

  .yaagi-hero-code .yaagi-hero-live-actions {
    flex-direction:column;
    align-items:stretch;
    margin:18px 0 14px;
  }

  .yaagi-hero-code .yaagi-hero-proof-grid {
    grid-template-columns:1fr;
  }

  .yaagi-hero-code .yaagi-hero-visual {
    min-height:330px;
  }
}

/* 0.5.2 final hero base: live copy left, supplied final visual right */
.yaagi-hero-code {
  display:grid;
  grid-template-columns:minmax(300px, .72fr) minmax(560px, 1.28fr);
  align-items:center;
  gap:clamp(22px, 3vw, 44px);
  min-height:0;
  padding:clamp(22px, 3vw, 44px);
  overflow:visible;
  background:linear-gradient(135deg,#ffffff 0%,#f6fbff 58%,#edf7f2 100%);
}

.yaagi-hero-code .yaagi-hero-copy {
  position:relative;
  z-index:3;
  top:auto;
  left:auto;
  width:auto;
  max-width:520px;
  align-self:center;
}

.yaagi-hero-code .yaagi-hero-copy h1 {
  max-width:11em;
  margin:18px 0 14px;
  font-size:clamp(2.45rem, 4vw, 4.35rem);
  line-height:.97;
}

.yaagi-hero-code .yaagi-hero-text {
  max-width:34rem;
}

.yaagi-hero-code .yaagi-hero-live-actions {
  margin:24px 0 18px;
}

.yaagi-hero-code .yaagi-hero-proof-grid {
  grid-template-columns:1fr;
  gap:9px;
  margin-top:4px;
}

.yaagi-hero-code .yaagi-hero-proof-grid span {
  min-height:44px;
  justify-content:flex-start;
  padding:0 14px;
  border-radius:14px;
  font-size:14px;
  background:rgba(255,255,255,.86);
  border:1px solid rgba(16,44,89,.10);
}

.yaagi-hero-tagline {
  margin:18px 0 0;
  color:#0b1f49;
  font-size:clamp(1rem, 1.45vw, 1.22rem);
  font-weight:800;
  line-height:1.35;
}

.yaagi-hero-code .yaagi-hero-visual {
  position:relative;
  z-index:1;
  min-height:0;
  width:100%;
  border-radius:0;
  overflow:visible;
}

.yaagi-hero-code .yaagi-hero-visual::before {
  display:none;
}

.yaagi-hero-code .yaagi-hero-photo-card {
  position:relative;
  inset:auto;
  display:block;
  width:100%;
  height:auto;
  margin:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.yaagi-hero-code .yaagi-hero-photo-card::after {
  display:none;
}

.yaagi-hero-code .yaagi-hero-good-image {
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:3 / 2;
  object-fit:contain;
  object-position:center;
  border-radius:0;
  background:transparent;
}

@media (max-width: 1100px) {
  .yaagi-hero-code {
    grid-template-columns:minmax(280px, .8fr) minmax(480px, 1.2fr);
    padding:28px;
  }

  .yaagi-hero-code .yaagi-hero-copy h1 {
    font-size:clamp(2.25rem, 4vw, 3.65rem);
  }
}

@media (max-width: 860px) {
  .yaagi-hero-code {
    grid-template-columns:1fr;
    gap:22px;
    padding:22px;
    overflow:hidden;
  }

  .yaagi-hero-code .yaagi-hero-copy {
    max-width:none;
  }

  .yaagi-hero-code .yaagi-hero-visual {
    order:2;
  }

  .yaagi-hero-code .yaagi-hero-good-image {
    width:min(100%, 860px);
    margin:0 auto;
  }
}

@media (max-width: 640px) {
  .yaagi-hero-code {
    padding:18px;
    gap:18px;
    border-radius:26px;
  }

  .yaagi-hero-code .yaagi-hero-copy h1 {
    font-size:clamp(2rem, 9vw, 3rem);
  }

  .yaagi-hero-code .yaagi-hero-live-actions {
    flex-direction:column;
    align-items:stretch;
  }

  .yaagi-hero-code .yaagi-hero-good-image {
    width:100%;
  }
}


/* 0.5.3 multilingual hero fix:
   The supplied 0.5.2 hero image contained Dutch text embedded in pixels.
   0.5.3 uses a visual-only family/house crop plus a separate phone crop.
   All important hero copy stays live HTML through data-y-key translations. */
.yaagi-hero-code .yaagi-hero-photo-card.yaagi-hero-layered-card {
  position:relative;
  min-height:clamp(430px, 43vw, 620px);
  overflow:hidden;
  border-radius:34px;
  background:linear-gradient(135deg,#ecf7ff 0%,#f9fcff 46%,#e5f5dd 100%);
  box-shadow:0 24px 58px rgba(15,35,75,.14);
}

.yaagi-hero-code .yaagi-hero-family-image {
  display:block;
  width:100%;
  height:100%;
  min-height:clamp(430px, 43vw, 620px);
  object-fit:cover;
  object-position:center top;
  border-radius:34px;
}

.yaagi-hero-code .yaagi-hero-calendar-phone-image {
  position:absolute;
  right:clamp(12px, 3vw, 42px);
  bottom:clamp(-10px, 1.2vw, 16px);
  width:clamp(175px, 24vw, 320px);
  height:auto;
  z-index:4;
  border-radius:28px;
  filter:drop-shadow(0 26px 34px rgba(8,20,45,.34));
  transform:rotate(1.5deg);
  transform-origin:center bottom;
}

.yaagi-hero-code .yaagi-hero-good-image {
  aspect-ratio:auto;
}

@media (max-width: 1100px) {
  .yaagi-hero-code .yaagi-hero-calendar-phone-image {
    width:clamp(165px, 25vw, 280px);
  }
}

@media (max-width: 860px) {
  .yaagi-hero-code .yaagi-hero-photo-card.yaagi-hero-layered-card,
  .yaagi-hero-code .yaagi-hero-family-image {
    min-height:420px;
  }

  .yaagi-hero-code .yaagi-hero-calendar-phone-image {
    width:clamp(170px, 34vw, 265px);
    right:18px;
    bottom:4px;
  }
}

@media (max-width: 640px) {
  .yaagi-hero-code .yaagi-hero-photo-card.yaagi-hero-layered-card,
  .yaagi-hero-code .yaagi-hero-family-image {
    min-height:330px;
    border-radius:24px;
  }

  .yaagi-hero-code .yaagi-hero-calendar-phone-image {
    width:clamp(135px, 41vw, 205px);
    right:10px;
    bottom:4px;
    border-radius:20px;
  }
}



/* 0.5.6 stable multilingual hero
   Text is no longer positioned on top of the hero image. All hero text is live HTML.
   The visual image contains no fixed marketing copy, so translations cannot overlap or disappear. */
.yaagi-hero-stable {
  display:grid !important;
  grid-template-columns:minmax(0, .82fr) minmax(0, 1.18fr) !important;
  grid-template-areas:
    "copy visual"
    "features features"
    "band band" !important;
  gap:0 !important;
  align-items:stretch !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#fff !important;
  border-radius:34px !important;
}

.yaagi-hero-stable .yaagi-hero-copy {
  grid-area:copy !important;
  position:relative;
  z-index:2;
  align-self:center;
  min-width:0;
  padding:42px 12px 34px 42px;
}

.yaagi-hero-parent-line {
  margin:0 0 22px;
  color:var(--yg-navy);
  font-size:clamp(1rem, 1.55vw, 1.54rem);
  line-height:1.18;
}

.yaagi-hero-parent-line strong,
.yaagi-hero-parent-line span {
  display:block;
}

.yaagi-hero-parent-line strong {
  font-weight:950;
}

.yaagi-hero-stable .yaagi-hero-copy h1 {
  max-width:9.8em !important;
  margin:0 0 20px !important;
  color:var(--yg-navy);
  font-size:clamp(2.35rem, 4.1vw, 4.2rem);
  line-height:.98;
  letter-spacing:-0.055em;
  text-wrap:balance;
}

.yaagi-hero-stable .yaagi-hero-copy h1 span {
  display:block;
}

.yaagi-hero-headline-accent {
  color:#48ae32;
}

.yaagi-hero-stable .yaagi-hero-text {
  max-width:36rem;
  color:#10244c;
  font-size:clamp(1rem, 1.38vw, 1.35rem);
  line-height:1.34;
}

.yaagi-hero-stable .yaagi-hero-live-actions {
  justify-content:flex-start !important;
  margin:24px 0 0 !important;
  grid-area:auto !important;
}

.yaagi-hero-stable .yaagi-hero-live-actions .yaagi-btn {
  min-width:172px;
}

.yaagi-hero-stable .yaagi-hero-visual {
  grid-area:visual !important;
  position:relative;
  min-height:520px !important;
  overflow:hidden;
  background:#eef6fb;
}

.yaagi-hero-picture,
.yaagi-hero-picture-image {
  display:block;
  width:100%;
  height:100%;
}

.yaagi-hero-picture-image {
  min-height:520px;
  object-fit:cover;
  object-position:center center;
}

.yaagi-hero-feature-strip {
  grid-area:features;
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:0;
  padding:24px 34px 28px;
  background:#fff;
  border-top:1px solid rgba(15,35,75,.08);
}

.yaagi-hero-feature {
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:7px;
  padding:0 20px;
  min-width:0;
}

.yaagi-hero-feature + .yaagi-hero-feature {
  border-left:1px solid rgba(15,35,75,.12);
}

.yaagi-hero-feature strong {
  color:var(--yg-navy);
  font-size:14px;
  line-height:1.18;
  font-weight:950;
}

.yaagi-hero-feature span:not(.yaagi-hero-feature-icon) {
  color:#10244c;
  font-size:13px;
  line-height:1.28;
}

.yaagi-hero-feature-icon,
.yaagi-card-icon {
  position:relative;
  flex:0 0 auto;
  width:56px;
  height:56px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:linear-gradient(180deg,#2083d8,#075fb8);
  box-shadow:0 10px 22px rgba(15,35,75,.15);
}

.yaagi-hero-feature-icon::before,
.yaagi-card-icon::before {
  content:"";
  display:block;
  width:24px;
  height:22px;
  border:3px solid #fff;
  border-radius:5px;
  opacity:.95;
}

.yaagi-hero-feature-icon-calendar,
.yaagi-card-icon-calendar {
  background:linear-gradient(180deg,#2083d8,#075fb8);
}

.yaagi-hero-feature-icon-documents,
.yaagi-card-icon-docs,
.yaagi-card-icon-share {
  background:linear-gradient(180deg,#6fd322,#36a80f);
}

.yaagi-hero-feature-icon-shield,
.yaagi-card-icon-vacation {
  background:linear-gradient(180deg,#ff4b81,#ef255f);
}

.yaagi-hero-feature-icon-report,
.yaagi-card-icon-reports {
  background:linear-gradient(180deg,#ff9f1f,#f07a00);
}

.yaagi-hero-feature-icon-guide,
.yaagi-card-icon-costs {
  background:linear-gradient(180deg,#a96dd8,#7e42b5);
}

.yaagi-hero-feature-icon-shield::before,
.yaagi-card-icon-vacation::before {
  width:22px;
  height:26px;
  border-radius:11px 11px 8px 8px;
}

.yaagi-hero-feature-icon-report::before,
.yaagi-card-icon-reports::before {
  width:26px;
  height:24px;
  border:0;
  border-radius:0;
  background:
    linear-gradient(#fff,#fff) 2px 12px/4px 12px no-repeat,
    linear-gradient(#fff,#fff) 11px 6px/4px 18px no-repeat,
    linear-gradient(#fff,#fff) 20px 0/4px 24px no-repeat;
}

.yaagi-hero-feature-icon-guide::before,
.yaagi-card-icon-docs::before,
.yaagi-card-icon-costs::before {
  width:22px;
  height:26px;
  border-radius:4px;
}

.yaagi-hero-bottom-band {
  grid-area:band;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:24px 44px;
  color:#fff;
  background:linear-gradient(105deg,#06275a 0%, #0a64a8 44%, #48b42f 100%);
}

.yaagi-hero-bottom-shield {
  position:relative;
  width:56px;
  height:64px;
  flex:0 0 auto;
}

.yaagi-hero-bottom-shield::before {
  content:"";
  position:absolute;
  inset:3px 7px;
  border:4px solid #fff;
  border-radius:18px 18px 22px 22px;
  transform:skewY(-6deg);
  opacity:.9;
}

.yaagi-hero-bottom-copy {
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
  flex:1 1 auto;
}

.yaagi-hero-bottom-copy strong {
  font-size:clamp(1.15rem, 2vw, 1.75rem);
  line-height:1.1;
  font-weight:950;
}

.yaagi-hero-bottom-copy span {
  font-size:clamp(.94rem, 1.25vw, 1.18rem);
  opacity:.94;
}

.yaagi-hero-bottom-band em {
  display:block;
  font-family:"Segoe Script","Bradley Hand",cursive;
  font-size:clamp(1.7rem, 3.2vw, 3.1rem);
  font-style:normal;
  line-height:1;
  white-space:nowrap;
  transform:rotate(-3deg);
}

.yaagi-hero-stable .yaagi-hero-uploaded-wrap {
  display:none !important;
}

.yaagi-info-card .yaagi-card-icon {
  width:44px;
  height:44px;
  border-radius:14px;
  margin-bottom:12px;
}

.yaagi-info-card .yaagi-card-icon::before {
  width:19px;
  height:18px;
  border-width:2px;
}

@media (max-width: 1180px) {
  .yaagi-hero-stable {
    grid-template-columns:minmax(0, .9fr) minmax(0, 1.1fr) !important;
  }

  .yaagi-hero-stable .yaagi-hero-copy {
    padding-left:34px;
  }

  .yaagi-hero-stable .yaagi-hero-copy h1 {
    font-size:clamp(2.2rem, 4vw, 3.65rem);
  }
}

@media (max-width: 980px) {
  .yaagi-hero-stable {
    grid-template-columns:1fr !important;
    grid-template-areas:
      "copy"
      "visual"
      "features"
      "band" !important;
  }

  .yaagi-hero-stable .yaagi-hero-copy {
    padding:34px 30px 20px;
  }

  .yaagi-hero-stable .yaagi-hero-copy h1 {
    max-width:12em !important;
  }

  .yaagi-hero-stable .yaagi-hero-visual,
  .yaagi-hero-picture-image {
    min-height:420px !important;
  }

  .yaagi-hero-feature-strip {
    grid-template-columns:repeat(2, minmax(0, 1fr));
    row-gap:22px;
  }

  .yaagi-hero-feature:nth-child(odd) {
    border-left:0;
  }
}

@media (max-width: 700px) {
  .yaagi-hero-stable {
    border-radius:26px !important;
  }

  .yaagi-hero-stable .yaagi-hero-copy {
    padding:28px 20px 18px;
  }

  .yaagi-hero-parent-line {
    margin-bottom:16px;
    font-size:clamp(.98rem, 4.4vw, 1.24rem);
  }

  .yaagi-hero-stable .yaagi-hero-copy h1 {
    max-width:100% !important;
    font-size:clamp(2.05rem, 10vw, 3.15rem);
    letter-spacing:-0.045em;
  }

  .yaagi-hero-stable .yaagi-hero-text {
    font-size:1rem;
    line-height:1.42;
  }

  .yaagi-hero-stable .yaagi-hero-live-actions {
    flex-direction:column;
    align-items:stretch;
  }

  .yaagi-hero-stable .yaagi-hero-live-actions .yaagi-btn {
    width:100%;
    min-width:0;
  }

  .yaagi-hero-stable .yaagi-hero-visual,
  .yaagi-hero-picture-image {
    min-height:360px !important;
  }

  .yaagi-hero-picture-image {
    object-position:center center;
  }

  .yaagi-hero-feature-strip {
    grid-template-columns:1fr;
    padding:18px 18px 22px;
    gap:16px;
  }

  .yaagi-hero-feature,
  .yaagi-hero-feature + .yaagi-hero-feature {
    border-left:0;
    border-top:1px solid rgba(15,35,75,.10);
    padding:16px 0 0;
  }

  .yaagi-hero-feature:first-child {
    border-top:0;
    padding-top:0;
  }

  .yaagi-hero-bottom-band {
    flex-direction:column;
    align-items:flex-start;
    padding:22px 20px;
    gap:12px;
  }

  .yaagi-hero-bottom-band em {
    white-space:normal;
    font-size:2rem;
  }
}

@media (max-width: 420px) {
  .yaagi-hero-stable .yaagi-hero-visual,
  .yaagi-hero-picture-image {
    min-height:300px !important;
  }

  .yaagi-hero-stable .yaagi-hero-copy {
    padding:24px 16px 16px;
  }
}


/* 0.5.6 final clean hero visuals: no duplicate bottom banner, no overlap */
.yaagi-hero-stable {
  grid-template-columns:minmax(0, .86fr) minmax(0, 1.14fr) !important;
  grid-template-areas:
    "copy visual"
    "features features" !important;
}

.yaagi-hero-stable .yaagi-hero-bottom-band {
  display:none !important;
}

.yaagi-hero-stable .yaagi-hero-visual {
  min-height:520px !important;
  background:#fff !important;
}

.yaagi-hero-stable .yaagi-hero-picture,
.yaagi-hero-stable .yaagi-hero-picture-image {
  display:block;
  width:100%;
  height:100%;
}

.yaagi-hero-stable .yaagi-hero-picture-image {
  min-height:520px !important;
  object-fit:cover !important;
  object-position:center center !important;
}

.yaagi-hero-stable .yaagi-hero-copy {
  padding:44px 22px 36px 44px !important;
}

.yaagi-hero-stable .yaagi-hero-copy h1 {
  font-size:clamp(2.35rem, 3.85vw, 4.05rem) !important;
  line-height:.99 !important;
  max-width:10.5em !important;
}

.yaagi-hero-stable .yaagi-hero-text {
  max-width:34rem !important;
}

.yaagi-hero-feature-strip {
  padding:22px 32px 26px !important;
}

@media (max-width: 1100px) {
  .yaagi-hero-stable {
    grid-template-columns:minmax(0, .94fr) minmax(0, 1.06fr) !important;
  }
  .yaagi-hero-stable .yaagi-hero-copy {
    padding-left:34px !important;
  }
}

@media (max-width: 980px) {
  .yaagi-hero-stable {
    grid-template-columns:1fr !important;
    grid-template-areas:
      "copy"
      "visual"
      "features" !important;
  }
  .yaagi-hero-stable .yaagi-hero-copy {
    padding:34px 30px 20px !important;
  }
  .yaagi-hero-stable .yaagi-hero-visual,
  .yaagi-hero-stable .yaagi-hero-picture-image {
    min-height:420px !important;
  }
}

@media (max-width: 700px) {
  .yaagi-hero-stable .yaagi-hero-copy {
    padding:28px 20px 18px !important;
  }
  .yaagi-hero-stable .yaagi-hero-visual,
  .yaagi-hero-stable .yaagi-hero-picture-image {
    min-height:400px !important;
  }
  .yaagi-hero-stable .yaagi-hero-picture-image {
    object-fit:contain !important;
    object-position:center top !important;
    background:#fff !important;
  }
}

@media (max-width: 420px) {
  .yaagi-hero-stable .yaagi-hero-visual,
  .yaagi-hero-stable .yaagi-hero-picture-image {
    min-height:340px !important;
  }
}


/* 0.5.7 desktop hero alignment fix:
   Desktop was cropping the right side of the supplied hero image, hiding the mother.
   Keep the existing mobile layout untouched, but render the desktop visual as a full image
   instead of a cover-cropped panel. */
@media (min-width: 981px) {
  .yaagi-hero-stable {
    grid-template-columns:minmax(0, .82fr) minmax(0, 1.18fr) !important;
    align-items:center !important;
  }

  .yaagi-hero-stable .yaagi-hero-visual {
    min-height:0 !important;
    height:auto !important;
    align-self:center !important;
    overflow:visible !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:#fff !important;
  }

  .yaagi-hero-stable .yaagi-hero-picture {
    display:block !important;
    width:100% !important;
    height:auto !important;
  }

  .yaagi-hero-stable .yaagi-hero-picture-image {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:auto !important;
    object-fit:contain !important;
    object-position:center center !important;
    background:#fff !important;
  }
}

@media (min-width: 981px) and (max-width: 1180px) {
  .yaagi-hero-stable {
    grid-template-columns:minmax(0, .88fr) minmax(0, 1.12fr) !important;
  }

  .yaagi-hero-stable .yaagi-hero-copy {
    padding:36px 18px 30px 34px !important;
  }
}


/* 0.6.0 desktop hero scale and metallic CTA polish */
.yaagi-open-app,
.yaagi-btn-primary {
  color:var(--yg-navy) !important;
  border:1px solid #a76e12 !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.68) 0%, rgba(255,255,255,.18) 24%, rgba(255,255,255,0) 42%),
    linear-gradient(135deg, #fff2aa 0%, #f7d36a 18%, #d99a24 48%, #b87810 76%, #f0c95e 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.76),
    inset 0 -2px 0 rgba(103,64,5,.34),
    0 12px 24px rgba(139,91,12,.28) !important;
  text-shadow:0 1px 0 rgba(255,255,255,.42);
}

.yaagi-open-app:hover,
.yaagi-btn-primary:hover {
  background:
    linear-gradient(180deg, rgba(255,255,255,.74) 0%, rgba(255,255,255,.16) 22%, rgba(255,255,255,0) 40%),
    linear-gradient(135deg, #fff5b8 0%, #f2c557 20%, #cf8c17 50%, #9f640c 78%, #e7b849 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.8),
    inset 0 -2px 0 rgba(87,52,3,.42),
    0 15px 28px rgba(126,78,8,.34) !important;
  filter:none !important;
}

@media (min-width: 981px) {
  .yaagi-hero-stable {
    grid-template-columns:minmax(0, 46fr) minmax(0, 54fr) !important;
    column-gap:32px !important;
    row-gap:0 !important;
    align-items:center !important;
  }

  .yaagi-hero-stable .yaagi-hero-copy {
    padding:44px 0 36px 44px !important;
  }

  .yaagi-hero-stable .yaagi-hero-visual {
    min-height:610px !important;
    height:100% !important;
    align-self:stretch !important;
    overflow:hidden !important;
    display:block !important;
    background:#fff !important;
  }

  .yaagi-hero-stable .yaagi-hero-picture {
    display:block !important;
    width:100% !important;
    height:100% !important;
  }

  .yaagi-hero-stable .yaagi-hero-picture-image {
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-height:610px !important;
    max-width:none !important;
    object-fit:cover !important;
    object-position:right center !important;
    background:#fff !important;
  }
}

@media (min-width: 1181px) {
  .yaagi-hero-stable .yaagi-hero-visual,
  .yaagi-hero-stable .yaagi-hero-picture-image {
    min-height:640px !important;
  }
}

@media (min-width: 981px) and (max-width: 1180px) {
  .yaagi-hero-stable {
    column-gap:28px !important;
  }

  .yaagi-hero-stable .yaagi-hero-copy {
    padding:38px 0 32px 34px !important;
  }

  .yaagi-hero-stable .yaagi-hero-visual,
  .yaagi-hero-stable .yaagi-hero-picture-image {
    min-height:560px !important;
  }
}


/* YAAGI Landing 0.6.0 - Plus pricing and coffee visual */
.yaagi-pricing-section {
  display:grid;
  gap:22px;
}
.yaagi-pricing-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
}
.yaagi-coffee-gif {
  width:min(210px, 38vw);
  border-radius:30px;
  background:#fffaf0;
  box-shadow:0 22px 46px rgba(15,35,75,.18);
  flex:0 0 auto;
}
.yaagi-pricing-cards {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.yaagi-price-card {
  padding:20px;
  border-radius:24px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(255,255,255,.8);
  box-shadow:var(--yg-shadow-soft);
}
.yaagi-price-card-highlight {
  border-color:rgba(244,211,109,.74);
  background:linear-gradient(135deg,#fffaf0,#fff);
}
.yaagi-price-card h3 {
  margin:4px 0 8px;
  color:var(--yg-navy);
  font-size:clamp(2.3rem,6vw,4rem);
  line-height:1;
  letter-spacing:-.06em;
}
.yaagi-no-card {
  margin:12px 0 0;
  color:var(--yg-muted);
  font-weight:800;
  text-align:center;
}
.yaagi-plan-compare {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.yaagi-plan-compare article {
  padding:20px;
  border-radius:24px;
  background:rgba(255,255,255,.90);
  border:1px solid rgba(255,255,255,.78);
  box-shadow:var(--yg-shadow-soft);
}
.yaagi-plan-compare article.is-plus {
  background:linear-gradient(135deg,#fffaf0,#fff);
  border-color:rgba(244,211,109,.72);
}
.yaagi-plan-compare h3 {
  margin:0 0 10px;
  color:var(--yg-navy);
}
.yaagi-plan-compare ul {
  margin:0;
  padding-left:20px;
  display:grid;
  gap:8px;
}
.yaagi-plan-compare .is-plus li::marker {
  content:"✦ ";
}
@media (max-width:760px) {
  .yaagi-pricing-head {
    align-items:flex-start;
    flex-direction:column;
  }
  .yaagi-pricing-cards,
  .yaagi-plan-compare {
    grid-template-columns:1fr;
  }
  .yaagi-coffee-gif {
    width:150px;
  }
}


/* YAAGI Landing 0.6.0 - realistic coffee cup in Basis vs Plus comparison */
.yaagi-plan-compare-wrap {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 360px);
  gap: 26px;
  align-items: end;
  padding: 22px;
  border-radius: 30px;
  background:
    radial-gradient(circle at 82% 12%, rgba(244,211,109,.24), transparent 36%),
    rgba(255,255,255,.18);
  border: 1px solid rgba(255,255,255,.42);
  overflow: visible;
}
.yaagi-plan-compare-copy {
  position: relative;
  z-index: 2;
}
.yaagi-plan-compare-copy > h3 {
  margin: 0 0 8px;
  color: #ffffff;
  font-size: clamp(1.5rem, 3vw, 2.2rem);
  letter-spacing: -.04em;
}
.yaagi-plan-compare-copy > p {
  max-width: 760px;
}
.yaagi-coffee-value-line {
  margin: 12px 0 18px;
  padding: 14px 16px;
  border-radius: 18px;
  color: var(--yg-navy);
  font-weight: 900;
  line-height: 1.55;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(244,211,109,.45);
  box-shadow: 0 10px 24px rgba(15,35,75,.12);
}
.yaagi-pricing-coffee-stage {
  position: relative;
  z-index: 1;
  pointer-events: none;
  margin: -250px -42px -40px -80px;
  min-height: 560px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.yaagi-pricing-coffee-animated {
  display: block;
  width: min(520px, 100%);
  height: auto;
  pointer-events: none;
  user-select: none;
  filter: drop-shadow(0 26px 30px rgba(0,0,0,.22));
}
.yaagi-pricing-head .yaagi-coffee-gif {
  background: transparent;
  box-shadow: none;
  border-radius: 0;
  width: min(280px, 34vw);
}
@media (max-width: 860px) {
  .yaagi-plan-compare-wrap {
    grid-template-columns: 1fr;
    padding: 18px;
  }
  .yaagi-pricing-coffee-stage {
    margin: -120px auto -20px;
    min-height: 390px;
    width: min(480px, 100%);
  }
}
@media (max-width: 520px) {
  .yaagi-pricing-coffee-stage {
    margin-top: -82px;
    min-height: 310px;
  }
  .yaagi-pricing-coffee-animated {
    width: min(420px, 112%);
  }
}



/* YAAGI 0.6.1 pricing refinement */
.yaagi-pricing-section-white{
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
  border:1px solid rgba(14,35,75,.08);
  border-radius:32px;
  box-shadow:0 20px 60px rgba(15,35,75,.08);
  padding:clamp(24px,4vw,44px);
  overflow:visible;
}
.yaagi-pricing-head{display:block}
.yaagi-pricing-head-copy{max-width:720px}
.yaagi-pricing-showcase{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,500px);
  gap:24px;
  align-items:center;
  margin-top:10px;
}
.yaagi-pricing-copy{
  position:relative;
  z-index:2;
}
.yaagi-pricing-cards{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.yaagi-price-card{
  background:#f6f9fc;
  border:1px solid #e4ebf4;
  border-radius:24px;
  padding:22px;
  box-shadow:0 10px 24px rgba(15,35,75,.06);
}
.yaagi-price-card h3{
  margin:10px 0 8px;
  color:#0b2d59;
  font-size:clamp(2rem,4vw,2.8rem);
  line-height:1;
}
.yaagi-pricing-plus-card{
  margin-top:18px;
  background:linear-gradient(135deg,#0f274d 0%,#173969 100%);
  color:#fff;
  border:1px solid rgba(17,39,76,.2);
  border-radius:28px;
  padding:24px;
  box-shadow:0 18px 42px rgba(15,35,75,.18);
}
.yaagi-pricing-plus-card h3{color:#fff;margin:8px 0 10px}
.yaagi-pricing-plus-card p{color:rgba(255,255,255,.9)}
.yaagi-no-card{margin-top:10px;font-size:.94rem;color:rgba(255,255,255,.86)}
.yaagi-coffee-value-line{
  margin:18px 0 0;
  color:#173969;
  font-size:1.05rem;
  font-weight:700;
}
.yaagi-pricing-coffee-stage{
  position:relative;
  min-height:620px;
  overflow:visible;
  pointer-events:none;
  display:flex;
  align-items:flex-end;
  justify-content:center;
}
.yaagi-pricing-coffee-animated{
  width:min(500px,100%);
  height:auto;
  display:block;
  filter:drop-shadow(0 24px 36px rgba(9,20,40,.12));
  margin-top:-120px;
  pointer-events:none;
}
.yaagi-plan-compare-wrap{
  margin-top:14px;
  background:transparent;
  border:none;
  padding:0;
  box-shadow:none;
}
.yaagi-plan-compare-copy > h3{
  margin:0 0 8px;
  color:#0b2d59;
  font-size:clamp(1.5rem,3vw,2.15rem);
  letter-spacing:-.03em;
}
.yaagi-plan-compare-copy > p{
  margin:0 0 18px;
  color:#4e6079;
  max-width:840px;
}
.yaagi-plan-compare-cards{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.yaagi-plan-card-link{
  display:block;
  color:inherit;
  text-decoration:none;
}
.yaagi-plan-card{
  height:100%;
  background:#f7fafc;
  border:1px solid #e3ebf5;
  border-radius:28px;
  padding:24px;
  box-shadow:0 14px 30px rgba(15,35,75,.06);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.yaagi-plan-card-link:hover .yaagi-plan-card,
.yaagi-plan-card-link:focus .yaagi-plan-card{
  transform:translateY(-3px);
  box-shadow:0 20px 42px rgba(15,35,75,.12);
  border-color:#cfdceb;
}
.yaagi-plan-card.is-plus{
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  border:1px solid rgba(184,150,84,.42);
  box-shadow:0 16px 36px rgba(15,35,75,.09);
}
.yaagi-plan-card-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:32px;
  padding:6px 12px;
  border-radius:999px;
  background:#eaf1f8;
  color:#173969;
  font-weight:700;
  font-size:.9rem;
}
.yaagi-plan-card-badge-plus{
  background:linear-gradient(135deg,#e6d1a0 0%,#c59b40 100%);
  color:#3a2a0e;
}
.yaagi-plan-card h3{
  margin:14px 0 10px;
  color:#0b2d59;
  font-size:1.55rem;
}
.yaagi-plan-card-lead{
  margin:0 0 14px;
  color:#50627c;
}
.yaagi-plan-plus-includes{
  margin:0 0 12px;
  color:#173969;
  font-weight:700;
}
.yaagi-plan-card ul{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:10px;
}
.yaagi-plan-card li{
  position:relative;
  padding-left:28px;
  color:#21344f;
}
.yaagi-plan-card li::before{
  content:"";
  position:absolute;
  left:0;
  top:8px;
  width:12px;
  height:12px;
  border-radius:50%;
  background:linear-gradient(135deg,#12396c 0%,#305b96 100%);
  box-shadow:0 0 0 4px rgba(18,57,108,.08);
}
.yaagi-plan-card.is-plus li::before{
  background:linear-gradient(135deg,#d4b06c 0%,#b98d3e 100%);
  box-shadow:0 0 0 4px rgba(201,160,86,.12);
}
.yaagi-plan-card-footer{
  margin-top:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:12px 18px;
  border-radius:14px;
  background:#10335f;
  color:#fff;
  font-weight:700;
}
.yaagi-plan-card-footer-plus{
  background:linear-gradient(135deg,#dec28c 0%,#b98b34 100%);
  color:#312208;
}
@media (max-width: 980px){
  .yaagi-pricing-showcase{grid-template-columns:1fr}
  .yaagi-pricing-coffee-stage{order:-1; min-height:470px}
  .yaagi-pricing-coffee-animated{width:min(430px,100%); margin-top:-90px}
}
@media (max-width: 760px){
  .yaagi-pricing-cards,
  .yaagi-plan-compare-cards{grid-template-columns:1fr}
  .yaagi-pricing-coffee-stage{min-height:390px}
  .yaagi-pricing-coffee-animated{width:min(380px,100%); margin-top:-55px}
}



/* YAAGI Landing 0.6.2 - clean Basic vs Plus pricing layout */
.yaagi-pricing-simple{
  background:#ffffff !important;
  border:1px solid rgba(14,35,75,.08) !important;
  border-radius:28px !important;
  box-shadow:0 16px 44px rgba(15,35,75,.08) !important;
  padding:clamp(22px,4vw,42px) !important;
  overflow:hidden !important;
}
.yaagi-simple-pricing-head{
  max-width:820px;
  margin:0 0 22px;
}
.yaagi-simple-pricing-head h2{
  margin:8px 0 10px;
  color:#0b2d59;
  font-size:clamp(2rem,4vw,3rem);
  letter-spacing:-.045em;
  line-height:1.05;
}
.yaagi-simple-pricing-head .yaagi-section-intro{
  color:#50627c;
}
.yaagi-simple-plan-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
  align-items:stretch;
}
.yaagi-simple-plan-card-link{
  display:block;
  height:100%;
  color:inherit;
  text-decoration:none !important;
}
.yaagi-simple-plan-card{
  position:relative;
  height:100%;
  min-height:650px;
  display:flex;
  flex-direction:column;
  padding:26px;
  border-radius:26px;
  background:#f7fafc;
  border:1px solid #e4ebf4;
  box-shadow:0 14px 32px rgba(15,35,75,.07);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.yaagi-simple-plan-card-link:hover .yaagi-simple-plan-card,
.yaagi-simple-plan-card-link:focus .yaagi-simple-plan-card{
  transform:translateY(-3px);
  box-shadow:0 20px 46px rgba(15,35,75,.13);
  border-color:#ccd9e8;
}
.yaagi-simple-plan-plus{
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  border-color:rgba(193,155,72,.34);
}
.yaagi-simple-plan-badge{
  display:inline-flex;
  width:max-content;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:6px 12px;
  border-radius:999px;
  background:#e8f0f8;
  color:#12396c;
  font-size:.88rem;
  font-weight:800;
  letter-spacing:.01em;
}
.yaagi-simple-plan-badge-plus{
  background:linear-gradient(135deg,#e6cc90 0%,#bd8e35 100%);
  color:#2c1f08;
  box-shadow:0 8px 18px rgba(189,142,53,.22);
}
.yaagi-simple-plan-card h3{
  margin:15px 0 10px;
  color:#0b2d59;
  font-size:clamp(1.45rem,2.5vw,2rem);
  line-height:1.12;
  letter-spacing:-.03em;
}
.yaagi-simple-plan-lead{
  margin:0 0 18px;
  color:#4d6079;
  line-height:1.55;
  font-weight:600;
}
.yaagi-simple-feature-list{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:11px;
}
.yaagi-simple-feature-list li{
  position:relative;
  padding-left:28px;
  color:#21344f;
  line-height:1.42;
  font-weight:600;
}
.yaagi-simple-feature-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.44em;
  width:11px;
  height:11px;
  border-radius:50%;
  background:#12396c;
  box-shadow:0 0 0 4px rgba(18,57,108,.08);
}
.yaagi-simple-feature-list-plus{
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:18px;
  row-gap:10px;
}
.yaagi-simple-feature-list-plus li::before{
  background:linear-gradient(135deg,#d7b46d 0%,#b5872f 100%);
  box-shadow:0 0 0 4px rgba(190,143,53,.12);
}
.yaagi-plus-card-top{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(210px,300px);
  gap:16px;
  align-items:start;
  margin-bottom:14px;
}
.yaagi-plus-card-copy{
  position:relative;
  z-index:2;
}
.yaagi-plus-price-line{
  margin:0 0 8px;
  color:#173969;
  font-weight:900;
  line-height:1.45;
}
.yaagi-plus-year-line{
  margin:0;
  color:#5b6c82;
  font-size:.96rem;
  line-height:1.45;
}
.yaagi-plus-video-wrap{
  position:relative;
  z-index:1;
  overflow:hidden;
  border-radius:18px;
  background:#f3f5f8;
  box-shadow:0 10px 22px rgba(15,35,75,.08);
}
.yaagi-plus-coffee-video{
  display:block;
  width:100%;
  height:auto;
  pointer-events:none;
  user-select:none;
}
.yaagi-plus-includes{
  margin-top:2px;
  margin-bottom:12px;
  color:#173969;
}
.yaagi-simple-plan-footer{
  margin-top:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:12px 18px;
  border-radius:14px;
  background:#10335f;
  color:#ffffff;
  font-weight:900;
  text-align:center;
}
.yaagi-simple-plan-footer-plus{
  background:linear-gradient(135deg,#ddbf82 0%,#b98b34 100%);
  color:#2e2108;
  box-shadow:0 10px 22px rgba(185,139,52,.22);
}
.yaagi-pricing-simple .yaagi-no-card{
  margin:12px 0 0;
  color:#64748b;
  font-weight:800;
  text-align:center;
}
@media (max-width: 1040px){
  .yaagi-plus-card-top{
    grid-template-columns:1fr;
  }
  .yaagi-plus-video-wrap{
    max-width:340px;
  }
}
@media (max-width: 820px){
  .yaagi-simple-plan-grid{
    grid-template-columns:1fr;
  }
  .yaagi-simple-plan-card{
    min-height:auto;
  }
  .yaagi-simple-feature-list-plus{
    grid-template-columns:1fr;
  }
  .yaagi-plus-card-top{
    grid-template-columns:minmax(0,1fr) minmax(180px,280px);
  }
}
@media (max-width: 560px){
  .yaagi-pricing-simple{
    padding:20px !important;
    border-radius:24px !important;
  }
  .yaagi-simple-plan-card{
    padding:20px;
  }
  .yaagi-plus-card-top{
    grid-template-columns:1fr;
  }
  .yaagi-plus-video-wrap{
    max-width:100%;
  }
}


/* YAAGI 0.6.3 balanced pricing redesign */
.yaagi-pricing-balanced{
  padding: clamp(24px, 4vw, 40px);
  background: #f8fbff;
  border: 1px solid rgba(14,35,75,.08);
  border-radius: 30px;
  box-shadow: 0 18px 40px rgba(15,35,75,.06);
}
.yaagi-simple-pricing-head{
  max-width: 780px;
  margin-bottom: 20px;
}
.yaagi-simple-pricing-head h2{
  margin-bottom: 8px;
}
.yaagi-balanced-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  align-items:start;
}
.yaagi-balanced-column{
  display:flex;
  flex-direction:column;
}
.yaagi-plan-title-row{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 10px;
  min-height:40px;
}
.yaagi-plan-title{
  margin:0;
  color:#0e3668;
  font-size: clamp(1.7rem, 2.6vw, 2.2rem);
  line-height:1.06;
  letter-spacing:-.03em;
}
.yaagi-plan-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:5px 12px;
  border-radius:999px;
  background:#edf3fa;
  color:#173969;
  border:1px solid #d7e4f1;
  font-size:.82rem;
  font-weight:700;
}
.yaagi-plan-pill-plus{
  color:#3e2b08;
  border:1px solid rgba(174,133,52,.55);
  background:
    linear-gradient(180deg, rgba(255,249,220,1) 0%, rgba(246,215,138,1) 35%, rgba(205,156,57,1) 72%, rgba(255,232,171,1) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    inset 0 -1px 1px rgba(122,79,12,.18),
    0 4px 12px rgba(173,129,40,.18);
}
.yaagi-plan-note{
  margin:0 0 8px;
  min-height:34px;
  color:#304d77;
  font-size: clamp(1.35rem, 2.7vw, 2rem);
  line-height:1.1;
  font-family: "Segoe Script","Brush Script MT","Snell Roundhand","Bradley Hand",cursive;
  font-weight:600;
}
.yaagi-balanced-card-link{
  display:block;
  color:inherit;
  text-decoration:none;
}
.yaagi-balanced-card{
  display:flex;
  flex-direction:column;
  min-height: 610px;
  height:100%;
  background:#ffffff;
  border:1px solid #e3ebf5;
  border-radius:26px;
  padding:22px 22px 18px;
  box-shadow:0 14px 28px rgba(15,35,75,.06);
  position:relative;
  overflow:visible;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.yaagi-balanced-card-link:hover .yaagi-balanced-card,
.yaagi-balanced-card-link:focus .yaagi-balanced-card{
  transform:translateY(-2px);
  box-shadow:0 18px 34px rgba(15,35,75,.10);
}
.yaagi-balanced-card-basic{
  background:linear-gradient(180deg,#fbfdff 0%, #f6f9fd 100%);
}
.yaagi-balanced-card-plus{
  border-color: rgba(191,150,62,.28);
  background:linear-gradient(180deg,#fffdf8 0%, #ffffff 42%);
}
.yaagi-balanced-lead,
.yaagi-balanced-includes{
  margin:0 0 14px;
  color:#53657f;
  font-size:1rem;
}
.yaagi-balanced-includes{
  color:#163968;
  font-weight:700;
}
.yaagi-balanced-plus-top{
  display:grid;
  grid-template-columns:minmax(0,1fr) 228px;
  gap:14px;
  align-items:start;
  margin-bottom:12px;
}
.yaagi-balanced-price-copy{
  padding-top:10px;
}
.yaagi-balanced-month-line{
  margin:0 0 14px;
  color:#123562;
  font-size:1.28rem;
  line-height:1.25;
  font-weight:800;
}
.yaagi-balanced-year-line{
  margin:0;
  color:#63738a;
  font-size:.98rem;
  line-height:1.35;
}
.yaagi-balanced-video-shell{
  width:228px;
  height:165px;
  margin-top:-30px;
  margin-right:-12px;
  justify-self:end;
  border-radius:18px 26px 18px 18px;
  overflow:visible;
  pointer-events:none;
  background:transparent;
}
.yaagi-plus-coffee-video{
  width:100%;
  height:100%;
  display:block;
  border:none;
  object-fit:cover;
  object-position:62% 42%;
  border-radius:18px 26px 18px 18px;
  box-shadow:0 16px 30px rgba(15,35,75,.08);
  background:#fff;
}
.yaagi-balanced-feature-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:12px;
}
.yaagi-balanced-feature-list-plus{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px 18px;
}
.yaagi-balanced-feature-list li{
  position:relative;
  padding-left:26px;
  color:#243854;
  line-height:1.42;
  font-size:.98rem;
}
.yaagi-balanced-feature-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.48em;
  width:10px;
  height:10px;
  border-radius:50%;
  background:linear-gradient(180deg,#25589a 0%, #14386d 100%);
  box-shadow:0 0 0 4px rgba(35,88,154,.08);
}
.yaagi-balanced-feature-list-plus li::before{
  background:
    radial-gradient(circle at 30% 28%, rgba(255,247,215,1) 0 20%, rgba(245,214,136,1) 22%, rgba(202,153,52,1) 75%, rgba(255,231,170,1) 100%);
  box-shadow:
    inset 0 1px 1px rgba(255,255,255,.7),
    0 0 0 4px rgba(196,153,68,.10);
}
.yaagi-balanced-footer{
  margin-top:auto;
  padding-top:18px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
.yaagi-balanced-button{
  min-height:48px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:12px 18px;
  text-align:center;
  font-weight:800;
  font-size:1rem;
}
.yaagi-balanced-button-basic{
  color:#fff;
  background:linear-gradient(180deg,#194784 0%, #123868 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 8px 16px rgba(18,56,104,.18);
}
.yaagi-balanced-button-plus{
  color:#38280b;
  background:
    linear-gradient(180deg, rgba(255,249,224,1) 0%, rgba(245,219,145,1) 26%, rgba(214,171,75,1) 58%, rgba(189,138,31,1) 100%);
  border:1px solid rgba(174,133,52,.45);
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.8),
    inset 0 -2px 2px rgba(116,79,15,.18),
    0 12px 18px rgba(192,149,56,.18);
}
.yaagi-no-card-dark{
  margin:10px 0 0;
  color:#6b7b90;
  text-align:center;
  font-size:.94rem;
}
@media (max-width: 980px){
  .yaagi-balanced-grid{grid-template-columns:1fr;}
  .yaagi-balanced-card{min-height:auto;}
  .yaagi-plan-note{min-height:0;}
}
@media (max-width: 760px){
  .yaagi-balanced-plus-top{
    grid-template-columns:1fr;
  }
  .yaagi-balanced-video-shell{
    width:min(240px, 80%);
    height:170px;
    margin-top:-6px;
    margin-right:0;
  }
  .yaagi-balanced-feature-list-plus{
    grid-template-columns:1fr;
  }
}


/* YAAGI 0.6.4 final pricing alignment tweaks */
.yaagi-balanced-card{
  min-height: 592px;
  padding: 20px 20px 16px;
}
.yaagi-balanced-card-basic,
.yaagi-balanced-card-plus{
  min-height: 592px;
}
.yaagi-balanced-feature-list{
  gap:10px;
}
.yaagi-balanced-feature-list li{
  font-size:.96rem;
  line-height:1.34;
}
.yaagi-balanced-feature-list-plus{
  gap:10px 16px;
}
.yaagi-balanced-plus-top{
  grid-template-columns:minmax(0,1fr) 214px;
  gap:12px;
  align-items:start;
  margin-bottom:8px;
}
.yaagi-balanced-price-copy{
  padding-top:6px;
}
.yaagi-balanced-month-line{
  margin:0;
  font-size:1.24rem;
  line-height:1.22;
}
.yaagi-balanced-video-shell{
  width:214px;
  height:154px;
  margin-top:0;
  margin-right:-20px;
  align-self:start;
}
.yaagi-plus-coffee-video{
  width:214px;
  height:154px;
  object-fit:cover;
  object-position:58% 42%;
  border-radius:16px 24px 16px 16px;
}
.yaagi-balanced-year-line-wide{
  margin:0 0 10px;
  color:#63738a;
  font-size:.97rem;
  line-height:1.34;
}
.yaagi-balanced-year-line-wide strong{
  color:#153867;
  font-weight:800;
}
.yaagi-balanced-includes{
  margin:0 0 8px;
}
.yaagi-balanced-footer{
  padding-top:14px;
}
.yaagi-no-card-dark{
  margin-top:8px;
}
@media (max-width: 980px){
  .yaagi-balanced-card,
  .yaagi-balanced-card-basic,
  .yaagi-balanced-card-plus{
    min-height:auto;
  }
  .yaagi-balanced-video-shell{
    margin-right:0;
  }
}
@media (max-width: 760px){
  .yaagi-balanced-plus-top{
    grid-template-columns:1fr;
  }
  .yaagi-balanced-video-shell,
  .yaagi-plus-coffee-video{
    width:min(230px, 86%);
    height:164px;
  }
}


/* YAAGI 0.6.6 final edge and radius fix */
.yaagi-plan-note,
.yaagi-plan-note-spacer{
  min-height:38px;
}
.yaagi-plan-note{
  font-family:"Segoe Print","Bradley Hand","Lucida Handwriting","Snell Roundhand",cursive;
}
.yaagi-plan-title-row{
  min-height:40px;
  align-items:center;
}
.yaagi-balanced-card,
.yaagi-balanced-card-basic,
.yaagi-balanced-card-plus{
  min-height:585px;
  height:585px;
  border-radius:26px;
  overflow:hidden;
}
.yaagi-balanced-plus-top{
  grid-template-columns:minmax(0,1fr) 230px;
  gap:12px;
  align-items:start;
  margin-bottom:4px;
}
.yaagi-balanced-video-shell{
  width:230px;
  height:162px;
  margin-top:-20px;
  margin-right:-20px;
  align-self:start;
  overflow:hidden;
  border-radius:0 26px 0 18px;
  background:#fff;
  box-shadow:none;
}
.yaagi-plus-coffee-video{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  object-position:center center;
  border-radius:0 26px 0 18px;
  background:#ffffff;
}
.yaagi-balanced-year-line-wide{
  margin:0 0 8px;
  width:100%;
}
.yaagi-balanced-includes{
  margin:0 0 6px;
}
.yaagi-balanced-feature-list{
  gap:9px;
}
.yaagi-balanced-feature-list-plus{
  gap:9px 14px;
}
.yaagi-balanced-footer{
  margin-top:auto;
  padding-top:12px;
}
@media (max-width: 980px){
  .yaagi-balanced-card,
  .yaagi-balanced-card-basic,
  .yaagi-balanced-card-plus{
    min-height:auto;
    height:auto;
  }
  .yaagi-balanced-video-shell{
    margin-top:0;
    margin-right:0;
    border-radius:18px;
  }
  .yaagi-plus-coffee-video{
    border-radius:18px;
  }
}


/* YAAGI 0.6.7 - force video flush to top edge with rounded corners */
.yaagi-balanced-card-plus{
  padding-top: 0 !important;
  padding-right: 0 !important;
  overflow: hidden !important;
  border-radius: 26px !important;
}
.yaagi-balanced-card-plus .yaagi-balanced-plus-top{
  grid-template-columns: minmax(0,1fr) 236px !important;
  gap: 12px !important;
  align-items: start !important;
  margin: 0 0 8px !important;
}
.yaagi-balanced-card-plus .yaagi-balanced-price-copy{
  padding-top: 20px !important;
  padding-right: 20px !important;
}
.yaagi-balanced-card-plus .yaagi-balanced-video-shell{
  width: 236px !important;
  height: 170px !important;
  margin: 0 !important;
  justify-self: end !important;
  align-self: start !important;
  overflow: hidden !important;
  border-radius: 0 26px 0 22px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}
.yaagi-balanced-card-plus .yaagi-plus-coffee-video{
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: contain !important;
  object-position: center center !important;
  border-radius: 0 26px 0 22px !important;
  background: #ffffff !important;
}
.yaagi-balanced-card-plus .yaagi-balanced-year-line-wide{
  margin: 0 20px 8px 0 !important;
}
.yaagi-balanced-card-plus .yaagi-balanced-includes{
  margin: 0 20px 6px 0 !important;
}
.yaagi-balanced-card-plus .yaagi-balanced-feature-list-plus{
  margin-right: 20px !important;
  gap: 8px 14px !important;
}
.yaagi-balanced-card-plus .yaagi-balanced-footer{
  padding-right: 20px !important;
}
.yaagi-balanced-card-basic,
.yaagi-balanced-card-plus{
  min-height: 585px !important;
  height: 585px !important;
}
@media (max-width: 980px){
  .yaagi-balanced-card-plus{
    padding-top: 20px !important;
    padding-right: 20px !important;
  }
  .yaagi-balanced-card-plus .yaagi-balanced-video-shell{
    border-radius: 20px !important;
    width: min(240px, 84%) !important;
    height: 170px !important;
  }
  .yaagi-balanced-card-plus .yaagi-plus-coffee-video{
    border-radius: 20px !important;
  }
  .yaagi-balanced-card-basic,
  .yaagi-balanced-card-plus{
    min-height: auto !important;
    height: auto !important;
  }
}


/* YAAGI 0.6.8 alignment and balance fix */
.yaagi-balanced-grid{
  align-items:start !important;
}
.yaagi-balanced-column{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  padding-top:56px !important; /* reserve same space for both columns */
}
.yaagi-plan-note,
.yaagi-plan-note-spacer{
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  min-height:44px !important;
  margin:0 !important;
}
.yaagi-plan-note{
  color:#315483 !important;
  font-size:clamp(1.35rem, 2.5vw, 2rem) !important;
  line-height:1.05 !important;
  font-family:"Brush Script MT","Lucida Handwriting","Apple Chancery","Segoe Print","Bradley Hand","Snell Roundhand",cursive !important;
  font-weight:500 !important;
  letter-spacing:.01em !important;
  white-space:nowrap !important;
}
.yaagi-plan-note-spacer{
  visibility:hidden !important;
}
.yaagi-plan-title-row{
  min-height:44px !important;
  margin:0 0 12px !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}
.yaagi-plan-title{
  margin:0 !important;
  line-height:1 !important;
}
.yaagi-balanced-card,
.yaagi-balanced-card-basic,
.yaagi-balanced-card-plus{
  min-height:590px !important;
  height:590px !important;
  display:flex !important;
  flex-direction:column !important;
}
.yaagi-balanced-card-basic{
  padding:20px !important;
}
.yaagi-balanced-card-plus{
  padding:0 0 18px 20px !important;
  overflow:hidden !important;
}
.yaagi-balanced-plus-top{
  grid-template-columns:minmax(0,1fr) 236px !important;
  gap:12px !important;
  align-items:start !important;
  margin:0 0 6px !important;
}
.yaagi-balanced-price-copy{
  padding-top:20px !important;
  padding-right:18px !important;
}
.yaagi-balanced-month-line{
  margin:0 !important;
  font-size:1.22rem !important;
  line-height:1.18 !important;
}
.yaagi-balanced-video-shell{
  width:236px !important;
  height:168px !important;
  margin:0 !important;
  justify-self:end !important;
  align-self:start !important;
  overflow:hidden !important;
  border-radius:0 26px 0 18px !important;
  background:#ffffff !important;
}
.yaagi-plus-coffee-video{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:contain !important;
  object-position:center center !important;
  border-radius:0 26px 0 18px !important;
  background:#ffffff !important;
}
.yaagi-balanced-year-line-wide{
  margin:0 18px 8px 0 !important;
  line-height:1.3 !important;
}
.yaagi-balanced-includes{
  margin:0 18px 6px 0 !important;
}
.yaagi-balanced-feature-list{
  gap:8px !important;
}
.yaagi-balanced-feature-list-plus{
  gap:8px 14px !important;
  margin-right:18px !important;
}
.yaagi-balanced-feature-list li{
  line-height:1.3 !important;
}
.yaagi-balanced-footer{
  margin-top:auto !important;
  padding-top:12px !important;
}
.yaagi-balanced-button{
  min-height:48px !important;
}
.yaagi-no-card-dark{
  margin-top:8px !important;
}
@media (max-width: 980px){
  .yaagi-balanced-column{
    padding-top:0 !important;
  }
  .yaagi-plan-note,
  .yaagi-plan-note-spacer{
    position:static !important;
    min-height:0 !important;
    margin:0 0 6px !important;
    white-space:normal !important;
  }
  .yaagi-balanced-card,
  .yaagi-balanced-card-basic,
  .yaagi-balanced-card-plus{
    min-height:auto !important;
    height:auto !important;
  }
  .yaagi-balanced-card-plus{
    padding:20px !important;
  }
  .yaagi-balanced-video-shell{
    border-radius:20px !important;
    width:min(240px,84%) !important;
    height:170px !important;
  }
  .yaagi-plus-coffee-video{
    border-radius:20px !important;
  }
}


/* YAAGI 0.6.9 final pricing stabilization */
.yaagi-balanced-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:18px !important;
  align-items:start !important;
}
.yaagi-balanced-column{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  padding-top:54px !important;
  min-width:0 !important;
}
.yaagi-plan-note,
.yaagi-plan-note-spacer{
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  min-height:38px !important;
  margin:0 !important;
}
.yaagi-plan-note{
  color:#35527d !important;
  font-size:clamp(1.25rem,2.2vw,1.9rem) !important;
  line-height:1.05 !important;
  font-family:"Segoe Print","Brush Script MT","Lucida Handwriting","Bradley Hand","Apple Chancery","Snell Roundhand",cursive !important;
  font-weight:500 !important;
  letter-spacing:.01em !important;
  white-space:nowrap !important;
}
.yaagi-plan-note-spacer{
  visibility:hidden !important;
}
.yaagi-plan-title-row{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  min-height:42px !important;
  margin:0 0 12px !important;
}
.yaagi-plan-title{
  margin:0 !important;
  line-height:1 !important;
  font-size:clamp(1.75rem,2.5vw,2.25rem) !important;
}
.yaagi-plan-pill{
  flex:0 0 auto !important;
}
.yaagi-balanced-card,
.yaagi-balanced-card-basic,
.yaagi-balanced-card-plus{
  min-height:592px !important;
  height:592px !important;
  display:flex !important;
  flex-direction:column !important;
  border-radius:26px !important;
  overflow:hidden !important;
}
.yaagi-balanced-card-basic{
  padding:20px !important;
}
.yaagi-balanced-card-plus{
  padding:0 0 16px 20px !important;
}
.yaagi-balanced-lead{
  margin:0 0 12px !important;
}
.yaagi-balanced-plus-top{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 232px !important;
  gap:12px !important;
  align-items:start !important;
  margin:0 0 6px !important;
}
.yaagi-balanced-price-copy{
  padding-top:18px !important;
  padding-right:16px !important;
  min-width:0 !important;
}
.yaagi-balanced-month-line{
  margin:0 !important;
  font-size:1.18rem !important;
  line-height:1.15 !important;
}
.yaagi-balanced-video-shell{
  width:232px !important;
  height:168px !important;
  margin:0 !important;
  justify-self:end !important;
  align-self:start !important;
  overflow:hidden !important;
  background:#fff !important;
  border-radius:0 26px 0 18px !important;
  box-shadow:none !important;
}
.yaagi-plus-coffee-video{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:#fff !important;
  border-radius:0 26px 0 18px !important;
}
.yaagi-balanced-year-line-wide{
  margin:0 16px 6px 0 !important;
  font-size:.95rem !important;
  line-height:1.26 !important;
}
.yaagi-balanced-year-line-wide strong{
  white-space:nowrap !important;
}
.yaagi-balanced-includes{
  margin:0 16px 4px 0 !important;
  font-size:1rem !important;
  line-height:1.2 !important;
}
.yaagi-balanced-feature-list{
  gap:8px !important;
}
.yaagi-balanced-feature-list li{
  font-size:.94rem !important;
  line-height:1.24 !important;
}
.yaagi-balanced-feature-list-plus{
  gap:8px 12px !important;
  margin-right:16px !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
.yaagi-balanced-footer{
  margin-top:auto !important;
  padding-top:10px !important;
  padding-right:16px !important;
}
.yaagi-balanced-button{
  min-height:48px !important;
  flex:0 0 auto !important;
}
.yaagi-no-card-dark{
  margin:8px 0 0 !important;
  min-height:18px !important;
  line-height:1.1 !important;
  text-align:center !important;
  flex:0 0 auto !important;
}
@media (max-width: 1100px){
  .yaagi-balanced-feature-list li{
    font-size:.91rem !important;
  }
  .yaagi-balanced-feature-list-plus{
    gap:7px 10px !important;
  }
}
@media (max-width: 980px){
  .yaagi-balanced-grid{
    grid-template-columns:1fr !important;
  }
  .yaagi-balanced-column{
    padding-top:0 !important;
  }
  .yaagi-plan-note,
  .yaagi-plan-note-spacer{
    position:static !important;
    min-height:0 !important;
    margin:0 0 6px !important;
    white-space:normal !important;
  }
  .yaagi-balanced-card,
  .yaagi-balanced-card-basic,
  .yaagi-balanced-card-plus{
    min-height:auto !important;
    height:auto !important;
  }
  .yaagi-balanced-card-plus{
    padding:20px !important;
  }
  .yaagi-balanced-video-shell{
    width:min(240px,84%) !important;
    height:170px !important;
    margin:0 0 8px auto !important;
    border-radius:20px !important;
  }
  .yaagi-plus-coffee-video{
    border-radius:20px !important;
  }
}


/* YAAGI 0.7.0 video placement refinement */
.yaagi-balanced-card,
.yaagi-balanced-card-basic,
.yaagi-balanced-card-plus{
  min-height:592px !important;
  height:592px !important;
}
.yaagi-balanced-card-plus{
  padding:20px !important;
  border-radius:26px !important;
  overflow:hidden !important;
}
.yaagi-balanced-plus-top{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 212px !important;
  gap:14px !important;
  align-items:start !important;
  margin:0 0 8px !important;
}
.yaagi-balanced-price-copy{
  padding-top:0 !important;
  padding-right:0 !important;
}
.yaagi-balanced-video-shell{
  width:212px !important;
  height:150px !important;
  margin:0 !important;
  justify-self:end !important;
  align-self:start !important;
  overflow:hidden !important;
  border-radius:18px !important;
  background:#ffffff !important;
  box-shadow:0 12px 24px rgba(15,35,75,.08) !important;
}
.yaagi-plus-coffee-video{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:#ffffff !important;
  border-radius:18px !important;
}
.yaagi-balanced-month-line{
  margin:0 !important;
  font-size:1.18rem !important;
  line-height:1.16 !important;
}
.yaagi-balanced-year-line-wide{
  margin:2px 0 8px 0 !important;
}
.yaagi-balanced-includes{
  margin:0 0 4px 0 !important;
}
.yaagi-balanced-feature-list-plus{
  margin-right:0 !important;
}
.yaagi-balanced-footer{
  padding-right:0 !important;
}
@media (max-width: 980px){
  .yaagi-balanced-card,
  .yaagi-balanced-card-basic,
  .yaagi-balanced-card-plus{
    min-height:auto !important;
    height:auto !important;
  }
  .yaagi-balanced-video-shell{
    width:min(230px,84%) !important;
    height:162px !important;
    margin:0 0 8px auto !important;
    border-radius:18px !important;
  }
  .yaagi-plus-coffee-video{
    border-radius:18px !important;
  }
}


/* YAAGI 0.7.1 - final isolated Basic/Plus pricing layout */
.yg57-pricing{
  background:#f8fbff;
  border:1px solid rgba(14,35,75,.08);
  border-radius:32px;
  box-shadow:0 18px 42px rgba(15,35,75,.06);
  padding:clamp(24px,4vw,42px);
}
.yg57-head{
  max-width:780px;
  margin:0 0 22px;
}
.yg57-head h2{
  margin:0 0 8px;
  color:#0b2f61;
  font-size:clamp(2.1rem,5vw,4rem);
  letter-spacing:-.05em;
  line-height:1;
}
.yg57-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  align-items:start;
}
.yg57-col{
  display:flex;
  flex-direction:column;
  min-width:0;
}
.yg57-hand,
.yg57-hand-spacer{
  height:44px;
  display:flex;
  align-items:flex-start;
  margin:0 0 6px;
}
.yg57-hand{
  color:#315985;
  font-family:"Segoe Print","Bradley Hand","Lucida Handwriting","Brush Script MT","Apple Chancery","Snell Roundhand",cursive;
  font-size:clamp(1.28rem,2.35vw,1.9rem);
  line-height:1.05;
  font-weight:500;
  white-space:nowrap;
}
.yg57-hand-spacer{
  visibility:hidden;
}
.yg57-title-row{
  height:46px;
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 12px;
}
.yg57-plan-title{
  margin:0;
  color:#0b2f61;
  font-size:clamp(1.75rem,2.6vw,2.28rem);
  line-height:1;
  letter-spacing:-.035em;
}
.yg57-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  min-height:30px;
  padding:6px 13px;
  border-radius:999px;
  background:#edf4fb;
  border:1px solid #d7e3ef;
  color:#173969;
  font-size:.84rem;
  font-weight:800;
  line-height:1;
}
.yg57-pill-plus{
  color:#39270a;
  border-color:rgba(174,133,52,.55);
  background:
    linear-gradient(180deg,#fffbe5 0%,#f8df99 24%,#ddb451 55%,#b98624 86%,#ffeec1 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    inset 0 -2px 2px rgba(122,79,12,.18),
    0 5px 12px rgba(173,129,40,.20);
}
.yg57-card-link{
  display:block;
  color:inherit;
  text-decoration:none;
}
.yg57-card{
  height:650px;
  min-height:650px;
  border-radius:26px;
  border:1px solid #e1ebf6;
  background:#ffffff;
  box-shadow:0 14px 30px rgba(15,35,75,.06);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.yg57-card-link:hover .yg57-card,
.yg57-card-link:focus .yg57-card{
  transform:translateY(-2px);
  box-shadow:0 18px 38px rgba(15,35,75,.10);
}
.yg57-card-basic{
  padding:22px;
  background:linear-gradient(180deg,#fbfdff 0%,#f6f9fd 100%);
}
.yg57-card-plus{
  padding:0 22px 16px 22px;
  border-color:rgba(191,150,62,.35);
  background:linear-gradient(180deg,#fffdf8 0%,#fff 38%);
}
.yg57-lead{
  margin:0 0 18px;
  color:#53657f;
  font-size:1rem;
  line-height:1.4;
}
.yg57-plus-top{
  display:grid;
  grid-template-columns:minmax(0,1fr) 218px;
  gap:14px;
  align-items:start;
  margin:0 0 10px;
}
.yg57-price-copy{
  padding-top:22px;
  min-width:0;
}
.yg57-month{
  margin:0;
  color:#0d3466;
  font-size:1.20rem;
  font-weight:900;
  line-height:1.17;
}
.yg57-video-box{
  width:218px;
  height:156px;
  margin:18px 0 0 0;
  justify-self:end;
  align-self:start;
  overflow:hidden;
  border-radius:20px;
  background:#fff;
  box-shadow:0 12px 26px rgba(15,35,75,.10);
  transform:translateZ(0);
}
.yg57-coffee-video{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center center;
  background:#fff;
  border-radius:20px;
  overflow:hidden;
}
.yg57-year{
  margin:0 0 8px;
  color:#607089;
  font-size:.94rem;
  line-height:1.28;
}
.yg57-year strong{
  color:#123867;
  font-weight:900;
}
.yg57-includes{
  margin:0 0 6px;
  color:#123867;
  font-size:1rem;
  font-weight:900;
  line-height:1.2;
}
.yg57-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
}
.yg57-list-basic{
  gap:12px;
}
.yg57-list-plus{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px 14px;
}
.yg57-list li{
  position:relative;
  padding-left:27px;
  color:#243854;
  font-size:.93rem;
  line-height:1.24;
}
.yg57-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.42em;
  width:10px;
  height:10px;
  border-radius:50%;
  background:linear-gradient(180deg,#25589a 0%,#14386d 100%);
  box-shadow:0 0 0 4px rgba(35,88,154,.08);
}
.yg57-list-plus li::before{
  background:
    radial-gradient(circle at 30% 28%,#fff7d8 0 20%,#f5d688 22%,#ca9934 75%,#ffe7aa 100%);
  box-shadow:
    inset 0 1px 1px rgba(255,255,255,.7),
    0 0 0 4px rgba(196,153,68,.10);
}
.yg57-footer{
  margin-top:auto;
  padding-top:12px;
  display:flex;
  flex-direction:column;
  flex:0 0 auto;
}
.yg57-btn{
  min-height:48px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:12px 18px;
  text-align:center;
  font-weight:900;
  font-size:1rem;
  line-height:1.1;
}
.yg57-btn-basic{
  color:#fff;
  background:linear-gradient(180deg,#194784 0%,#123868 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 8px 16px rgba(18,56,104,.18);
}
.yg57-btn-plus{
  color:#342407;
  border:1px solid rgba(174,133,52,.45);
  background:
    linear-gradient(180deg,#fffbe5 0%,#f8df99 22%,#dfb452 53%,#bb8a21 86%,#ffedbb 100%);
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.84),
    inset 0 -2px 2px rgba(116,79,15,.18),
    0 12px 18px rgba(192,149,56,.18);
}
.yg57-no-card{
  margin:8px 0 0;
  min-height:18px;
  color:#6b7b90;
  font-size:.88rem;
  font-weight:800;
  line-height:1.1;
  text-align:center;
  display:block;
}
@media (max-width:1180px){
  .yg57-card{height:670px;min-height:670px;}
  .yg57-list li{font-size:.90rem;}
  .yg57-list-plus{gap:7px 10px;}
  .yg57-plus-top{grid-template-columns:minmax(0,1fr) 205px;}
  .yg57-video-box{width:205px;height:148px;}
}
@media (max-width:980px){
  .yg57-grid{grid-template-columns:1fr;}
  .yg57-hand,
  .yg57-hand-spacer{height:auto;min-height:0;margin:0 0 6px;white-space:normal;}
  .yg57-card{height:auto;min-height:0;}
  .yg57-card-plus{padding:22px;}
  .yg57-plus-top{grid-template-columns:1fr;}
  .yg57-video-box{width:min(260px,84%);height:184px;margin:0 0 8px auto;border-radius:20px;}
  .yg57-coffee-video{border-radius:20px;}
}
@media (max-width:640px){
  .yg57-list-plus{grid-template-columns:1fr;}
  .yg57-title-row{height:auto;min-height:42px;flex-wrap:wrap;}
  .yg57-hand{font-size:1.35rem;}
}


/* YAAGI 0.7.2 - verified live video settings and stable card footer */
.yg57-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:18px !important;
  align-items:start !important;
}
.yg57-col{
  display:flex !important;
  flex-direction:column !important;
  min-width:0 !important;
}
.yg57-hand,
.yg57-hand-spacer{
  height:44px !important;
  min-height:44px !important;
  margin:0 0 6px !important;
  display:flex !important;
  align-items:flex-start !important;
}
.yg57-hand{
  font-family:"Segoe Print","Bradley Hand","Lucida Handwriting","Brush Script MT","Apple Chancery","Snell Roundhand",cursive !important;
  font-weight:500 !important;
  color:#315985 !important;
  white-space:nowrap !important;
}
.yg57-title-row{
  height:46px !important;
  min-height:46px !important;
  margin:0 0 12px !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}
.yg57-plan-title{
  margin:0 !important;
  line-height:1 !important;
}
.yg57-card{
  min-height:690px !important;
  height:690px !important;
  display:flex !important;
  flex-direction:column !important;
  border-radius:26px !important;
  overflow:visible !important;
}
.yg57-card-basic{
  padding:26px !important;
}
.yg57-card-plus{
  padding:26px !important;
  overflow:visible !important;
}
.yg57-plus-top{
  display:grid !important;
  grid-template-columns:minmax(0,111px) 300px !important;
  gap:16px !important;
  align-items:start !important;
  margin:0 0 14px !important;
}
.yg57-price-copy{
  padding:0 !important;
  min-width:0 !important;
}
.yg57-month{
  margin:0 !important;
  font-size:1.05rem !important;
  line-height:1.18 !important;
  font-weight:900 !important;
}
.yg57-video-box{
  width:300px !important;
  height:182px !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  justify-self:end !important;
  align-self:start !important;
  border-radius:18px !important;
  overflow:hidden !important;
  background:#ffffff !important;
  box-shadow:0 12px 24px rgba(15,35,75,.08) !important;
  transform:translateZ(0) !important;
  clip-path:inset(0 round 18px) !important;
}
.yg57-coffee-video{
  width:300px !important;
  height:182px !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  object-fit:contain !important;
  object-position:50% 50% !important;
  border-radius:18px !important;
  overflow:hidden !important;
  background:#ffffff !important;
}
.yg57-year{
  margin:0 0 8px !important;
  font-size:.90rem !important;
  line-height:1.24 !important;
}
.yg57-includes{
  margin:0 0 6px !important;
  font-size:.96rem !important;
  line-height:1.18 !important;
}
.yg57-list-basic{
  gap:10px !important;
}
.yg57-list-plus{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:7px 10px !important;
}
.yg57-list li{
  font-size:.88rem !important;
  line-height:1.18 !important;
  padding-left:24px !important;
}
.yg57-footer{
  margin-top:auto !important;
  padding-top:10px !important;
  display:flex !important;
  flex-direction:column !important;
  flex:0 0 auto !important;
}
.yg57-btn{
  min-height:48px !important;
  flex:0 0 auto !important;
}
.yg57-no-card{
  display:block !important;
  margin:8px 0 0 !important;
  min-height:18px !important;
  line-height:1.1 !important;
  overflow:visible !important;
  flex:0 0 auto !important;
}
@media (max-width:1180px){
  .yg57-card{
    min-height:720px !important;
    height:720px !important;
  }
  .yg57-plus-top{
    grid-template-columns:minmax(0,1fr) 270px !important;
  }
  .yg57-video-box,
  .yg57-coffee-video{
    width:270px !important;
    height:164px !important;
  }
}
@media (max-width:980px){
  .yg57-grid{
    grid-template-columns:1fr !important;
  }
  .yg57-hand,
  .yg57-hand-spacer{
    height:auto !important;
    min-height:0 !important;
    white-space:normal !important;
  }
  .yg57-card{
    height:auto !important;
    min-height:0 !important;
  }
  .yg57-plus-top{
    grid-template-columns:1fr !important;
  }
  .yg57-video-box,
  .yg57-coffee-video{
    width:min(300px,84%) !important;
    height:auto !important;
    min-height:182px !important;
  }
  .yg57-video-box{
    margin:0 0 8px auto !important;
  }
  .yg57-list-plus{
    grid-template-columns:1fr !important;
  }
}


/* Previous coffee video and feature readability refinement */
.yg57-card{
  min-height: 720px !important;
  height: 720px !important;
}
.yg57-card-plus{
  padding: 26px !important;
}
.yg57-plus-top{
  grid-template-columns: minmax(0, 108px) 300px !important;
  gap: 16px !important;
  margin: 0 0 14px !important;
}
.yg57-video-box{
  width: 300px !important;
  height: 182px !important;
  margin: 0 0 0 auto !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  box-shadow: 0 14px 28px rgba(15,35,75,.10) !important;
  clip-path: inset(0 round 24px) !important;
}
.yg57-coffee-video{
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: contain !important;
  object-position: 58% 52% !important;
  background: #ffffff !important;
  border-radius: 24px !important;
  transform: scale(1.08) translateX(10px) translateY(2px) !important;
  transform-origin: center center !important;
}
.yg57-list li{
  font-size: .94rem !important;
  line-height: 1.26 !important;
  padding-left: 24px !important;
}
.yg57-list-basic{
  gap: 11px !important;
}
.yg57-list-plus{
  gap: 9px 12px !important;
}
.yg57-year{
  font-size: .93rem !important;
  line-height: 1.28 !important;
}
.yg57-includes{
  font-size: 1rem !important;
}
.yg57-no-card{
  margin-top: 9px !important;
  font-size: .89rem !important;
  min-height: 18px !important;
}
@media (max-width: 1180px){
  .yg57-card{
    min-height: 742px !important;
    height: 742px !important;
  }
  .yg57-plus-top{
    grid-template-columns: minmax(0, 1fr) 285px !important;
  }
  .yg57-video-box{
    width: 285px !important;
    height: 173px !important;
    border-radius: 22px !important;
    clip-path: inset(0 round 22px) !important;
  }
  .yg57-coffee-video{
    border-radius: 22px !important;
    transform: scale(1.08) translateX(10px) translateY(2px) !important;
  }
}
@media (max-width: 980px){
  .yg57-card{
    height: auto !important;
    min-height: 0 !important;
  }
  .yg57-plus-top{
    grid-template-columns: 1fr !important;
  }
  .yg57-video-box{
    width: min(300px, 84%) !important;
    height: 182px !important;
    margin: 0 0 8px auto !important;
    border-radius: 24px !important;
    clip-path: inset(0 round 24px) !important;
  }
  .yg57-coffee-video{
    width: 100% !important;
    height: 100% !important;
    border-radius: 24px !important;
    transform: scale(1.06) translateX(8px) translateY(2px) !important;
  }
}


/* YAAGI 0.7.4 / 6.0 - pricing video anchored right and readable features */
.yg57-grid{
  align-items:stretch !important;
}
.yg57-col{
  display:flex !important;
  flex-direction:column !important;
}
.yg57-card-link{
  display:flex !important;
  flex:1 1 auto !important;
  min-width:0 !important;
}
.yg57-card,
.yg57-card-basic,
.yg57-card-plus{
  width:100% !important;
  min-height:790px !important;
  height:790px !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
}
.yg57-card-basic,
.yg57-card-plus{
  padding:26px !important;
}
.yg57-card-plus{
  position:relative !important;
}
.yg57-plus-top{
  display:block !important;
  min-height:182px !important;
  margin:0 0 16px !important;
  padding-right:324px !important;
}
.yg57-price-copy{
  max-width:100% !important;
  min-width:0 !important;
  padding:0 !important;
}
.yg57-month{
  font-size:1.16rem !important;
  line-height:1.28 !important;
}
.yg57-video-box{
  position:absolute !important;
  top:26px !important;
  right:26px !important;
  width:300px !important;
  height:182px !important;
  margin:0 !important;
  display:block !important;
  justify-self:auto !important;
  align-self:auto !important;
  overflow:hidden !important;
  border-radius:24px !important;
  background:#ffffff !important;
  box-shadow:0 14px 28px rgba(15,35,75,.10) !important;
  clip-path:inset(0 round 24px) !important;
  transform:translateZ(0) !important;
}
.yg57-coffee-video{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:contain !important;
  object-position:50% 50% !important;
  border-radius:24px !important;
  background:#ffffff !important;
  transform:none !important;
}
.yg57-year{
  font-size:.98rem !important;
  line-height:1.34 !important;
}
.yg57-includes{
  font-size:1.02rem !important;
  line-height:1.3 !important;
}
.yg57-list-basic{
  gap:13px !important;
}
.yg57-list-plus{
  gap:11px 14px !important;
}
.yg57-list li{
  font-size:.99rem !important;
  line-height:1.36 !important;
  padding-left:27px !important;
}
.yg57-footer{
  margin-top:auto !important;
  min-height:92px !important;
  padding-top:14px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-end !important;
  gap:8px !important;
}
.yg57-btn{
  min-height:50px !important;
  flex:0 0 auto !important;
}
.yg57-no-card{
  margin:0 !important;
  min-height:20px !important;
  font-size:.94rem !important;
  line-height:1.25 !important;
  overflow:visible !important;
}
@media (max-width:1180px){
  .yg57-card,
  .yg57-card-basic,
  .yg57-card-plus{
    min-height:830px !important;
    height:830px !important;
  }
  .yg57-plus-top{
    min-height:170px !important;
    padding-right:304px !important;
  }
  .yg57-video-box{
    top:24px !important;
    right:24px !important;
    width:280px !important;
    height:170px !important;
    border-radius:22px !important;
    clip-path:inset(0 round 22px) !important;
  }
  .yg57-coffee-video{
    border-radius:22px !important;
  }
  .yg57-list li{
    font-size:.96rem !important;
    line-height:1.32 !important;
  }
}
@media (max-width:980px){
  .yg57-card,
  .yg57-card-basic,
  .yg57-card-plus{
    height:auto !important;
    min-height:0 !important;
  }
  .yg57-card-link{
    display:block !important;
  }
  .yg57-plus-top{
    min-height:0 !important;
    padding-right:0 !important;
  }
  .yg57-video-box{
    position:relative !important;
    top:auto !important;
    right:auto !important;
    width:min(300px, 100%) !important;
    height:auto !important;
    aspect-ratio:300 / 182 !important;
    margin:12px 0 14px auto !important;
    border-radius:24px !important;
    clip-path:inset(0 round 24px) !important;
  }
  .yg57-coffee-video{
    border-radius:24px !important;
  }
  .yg57-footer{
    min-height:auto !important;
  }
  .yg57-list-plus{
    grid-template-columns:1fr !important;
  }
}




/* YAAGI 0.7.5 - yearly Plus action in pricing table */
.yg57-footer .yg57-btn-yearly {
  color:#382708;
  border:1px solid rgba(174,133,52,.45);
  background:linear-gradient(180deg,#fffbe5 0%,#f8df99 22%,#dfb452 53%,#bb8a21 86%,#ffedbb 100%);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.84), inset 0 -2px 2px rgba(116,79,15,.18), 0 12px 18px rgba(192,149,56,.18);
  margin-bottom:10px;
}
.yg57-footer .yg57-btn-plus {
  margin-top:0;
}


/* YAAGI 0.7.5 - keep pricing card stable with yearly CTA */
.yg57-card{
  min-height: 760px !important;
  height: 760px !important;
}
.yg57-footer{
  gap: 0 !important;
}
@media (max-width: 1180px){
  .yg57-card{
    min-height: 785px !important;
    height: 785px !important;
  }
}
@media (max-width: 980px){
  .yg57-card{
    min-height: 0 !important;
    height: auto !important;
  }
}


/* YAAGI 9.34 - pricing CTA links */
.yg57-footer a.yg57-btn {
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.yg57-card-link:not(a) {
  color: inherit;
}


/* YAAGI 9.34 - Gold status pill and language order polish */
.yaagi-gold-status-pill {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:40px;
  padding:0 13px;
  border-radius:999px;
  border:1px solid rgba(120,75,6,.22);
  background:linear-gradient(135deg,#fff8df 0%,#f6d36b 52%,#d99a00 100%);
  color:var(--yg-navy);
  font-size:12px;
  font-weight:950;
  line-height:1.05;
  text-decoration:none;
  white-space:nowrap;
  box-shadow:0 10px 22px rgba(132,86,10,.18), inset 0 1px 0 rgba(255,255,255,.62);
}
.yaagi-gold-status-pill:hover,
.yaagi-gold-status-pill:focus-visible {
  transform:translateY(-1px);
  filter:brightness(1.03);
  outline:2px solid rgba(217,154,0,.35);
  outline-offset:3px;
}
.yaagi-gold-status-dot {
  width:16px;
  height:16px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 28%, #fff8c6 0%, #f6d36b 35%, #d99a00 72%, #8a5a00 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75), 0 2px 6px rgba(132,86,10,.22);
  flex:0 0 auto;
}

@media (max-width: 720px) {
  .yaagi-gold-status-pill {
    min-height:36px;
    padding:0 10px;
    font-size:11.5px;
  }
}


/* YAAGI 9.34 - WordPress Gold status stacks with Open app */
.yaagi-app-action-stack {
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:center;
  gap:6px;
  flex:0 0 auto;
  min-width:0;
}

.yaagi-app-action-stack .yaagi-open-app {
  width:100%;
}

.yaagi-gold-status-pill {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:34px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(15,35,75,.14);
  background:#fff;
  color:var(--yg-navy);
  font-size:12px;
  font-weight:950;
  line-height:1.05;
  text-decoration:none;
  white-space:nowrap;
  box-shadow:0 3px 9px rgba(15,35,75,.05) inset, 0 8px 18px rgba(15,35,75,.08);
  pointer-events:none;
}

.yaagi-gold-status-pill[hidden] {
  display:none !important;
}

.yaagi-gold-status-dot {
  width:18px;
  height:18px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 28%, #fff8c6 0%, #f6d36b 35%, #d99a00 72%, #8a5a00 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75), 0 2px 7px rgba(132,86,10,.28);
  flex:0 0 auto;
}

@media (max-width: 960px) {
  .yaagi-app-action-stack {
    align-items:flex-end;
  }

  .yaagi-app-action-stack .yaagi-header-open-app {
    display:none;
  }

  .yaagi-app-action-stack .yaagi-gold-status-pill {
    min-height:34px;
    padding:0 11px;
    font-size:11.5px;
  }
}

@media (max-width: 520px) {
  .yaagi-app-action-stack .yaagi-gold-status-pill {
    max-width:145px;
    overflow:hidden;
    text-overflow:ellipsis;
  }
}


@media (min-width: 961px) {
  .yaagi-nav-links {
    flex-wrap:nowrap;
  }

  .yaagi-nav-links a {
    padding-left:10px;
    padding-right:10px;
  }
}

/* YAAGI 9.34 - WordPress Gold ball polish */
.yaagi-gold-status-pill {
  gap: 9px;
}
.yaagi-gold-status-dot {
  width: 22px !important;
  height: 22px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.85), 0 3px 10px rgba(132,86,10,.32) !important;
}
.yaagi-gold-status-pill span:last-child {
  white-space: nowrap;
}


/* YAAGI 9.34 - align WordPress header actions: Gold above, Open app aligned with menu/language */
@media (min-width: 961px) {
  .yaagi-header-actions {
    display: grid !important;
    grid-template-columns: auto minmax(164px, auto) auto;
    grid-template-rows: auto auto;
    align-items: center !important;
    justify-content: end !important;
    column-gap: 10px !important;
    row-gap: 6px !important;
  }

  .yaagi-header-actions .yaagi-language-pill {
    grid-column: 1 !important;
    grid-row: 2 !important;
    align-self: center !important;
    justify-self: end !important;
  }

  .yaagi-header-actions .yaagi-app-action-stack {
    display: contents !important;
  }

  .yaagi-header-actions .yaagi-gold-status-pill {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: stretch !important;
    min-height: 34px !important;
    max-width: 100% !important;
    pointer-events: none !important;
  }

  .yaagi-header-actions .yaagi-gold-status-dot {
    width: 22px !important;
    height: 22px !important;
  }

  .yaagi-header-actions .yaagi-header-open-app {
    grid-column: 2 !important;
    grid-row: 2 !important;
    align-self: center !important;
    justify-self: stretch !important;
    min-height: 44px !important;
    width: 100% !important;
  }

  .yaagi-header-actions .yaagi-menu-toggle {
    grid-column: 3 !important;
    grid-row: 2 !important;
  }
}

@media (max-width: 960px) {
  .yaagi-header-actions .yaagi-gold-status-dot {
    width: 20px !important;
    height: 20px !important;
  }
}


/* YAAGI 9.34 - WordPress header final alignment: Gold above, Open app aligned */
@media (min-width: 961px) {
  .yaagi-top-card {
    align-items: center !important;
  }

  .yaagi-header-actions {
    display: grid !important;
    grid-template-columns: minmax(74px, auto) minmax(176px, 176px);
    grid-template-rows: 34px 46px;
    align-items: center !important;
    justify-content: end !important;
    column-gap: 12px !important;
    row-gap: 6px !important;
  }

  .yaagi-header-actions .yaagi-language-pill {
    grid-column: 1 !important;
    grid-row: 2 !important;
    align-self: center !important;
    justify-self: end !important;
  }

  .yaagi-header-actions .yaagi-app-action-stack {
    display: contents !important;
  }

  .yaagi-header-actions .yaagi-gold-status-pill {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: stretch !important;
    align-self: center !important;
    width: 100% !important;
    min-height: 34px !important;
    height: 34px !important;
    padding: 0 13px !important;
    pointer-events: none !important;
  }

  .yaagi-header-actions .yaagi-header-open-app {
    grid-column: 2 !important;
    grid-row: 2 !important;
    justify-self: stretch !important;
    align-self: center !important;
    width: 100% !important;
    min-height: 44px !important;
    height: 44px !important;
  }
}

.yaagi-gold-status-pill {
  border: 1px solid rgba(120,75,6,.24) !important;
  background: linear-gradient(135deg, #fff9e6 0%, #ffffff 46%, #fff4c2 100%) !important;
  box-shadow: 0 8px 18px rgba(132,86,10,.10), inset 0 1px 0 rgba(255,255,255,.72) !important;
}

.yaagi-gold-status-dot {
  width: 22px !important;
  height: 22px !important;
  border-radius: 50% !important;
  background:
    radial-gradient(circle at 34% 28%, #ffffff 0 7%, #fff6bd 8% 25%, #ffd451 38%, #d89800 70%, #8a5a00 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 3px 10px rgba(132,86,10,.34) !important;
  border: 1px solid rgba(153, 96, 0, .25) !important;
}


/* YAAGI 9.34 - WordPress header: real Gold PNG and final alignment */
.yaagi-gold-status-dot {
  display: none !important;
}

.yaagi-gold-status-icon {
  width: 24px !important;
  height: 24px !important;
  object-fit: contain !important;
  display: inline-block !important;
  flex: 0 0 24px !important;
  filter: drop-shadow(0 2px 5px rgba(132,86,10,.28));
}

.yaagi-gold-status-pill {
  background: #ffffff !important;
  border: 1px solid rgba(15,35,75,.12) !important;
  color: var(--yg-navy) !important;
  box-shadow: 0 8px 18px rgba(15,35,75,.08), inset 0 1px 0 rgba(255,255,255,.85) !important;
  gap: 8px !important;
}

@media (min-width: 961px) {
  .yaagi-top-card {
    align-items: center !important;
  }

  .yaagi-brand-wrap {
    flex: 0 0 250px !important;
  }

  .yaagi-nav {
    flex: 1 1 auto !important;
    align-self: center !important;
  }

  .yaagi-header-actions {
    display: grid !important;
    grid-template-columns: auto minmax(178px, 178px) !important;
    grid-template-rows: 34px 46px !important;
    column-gap: 12px !important;
    row-gap: 6px !important;
    align-items: center !important;
    justify-content: end !important;
    flex: 0 0 auto !important;
    min-width: 274px !important;
  }

  .yaagi-header-actions .yaagi-language-pill {
    grid-column: 1 !important;
    grid-row: 2 !important;
    align-self: center !important;
    justify-self: end !important;
    margin: 0 !important;
  }

  .yaagi-header-actions .yaagi-app-action-stack {
    display: contents !important;
  }

  .yaagi-header-actions .yaagi-gold-status-pill {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: stretch !important;
    align-self: center !important;
    width: 100% !important;
    min-height: 34px !important;
    height: 34px !important;
    padding: 0 12px !important;
  }

  .yaagi-header-actions .yaagi-header-open-app {
    grid-column: 2 !important;
    grid-row: 2 !important;
    justify-self: stretch !important;
    align-self: center !important;
    width: 100% !important;
    min-height: 44px !important;
    height: 44px !important;
    margin: 0 !important;
  }
}

@media (max-width: 960px) {
  .yaagi-gold-status-icon {
    width: 22px !important;
    height: 22px !important;
  }
}



/* YAAGI 9.34 - WordPress header Gold status uses real PNG and aligned stack */
.yaagi-header-actions {
  align-items: center !important;
}

.yaagi-app-action-stack {
  display: grid !important;
  grid-template-rows: auto auto !important;
  gap: 6px !important;
  justify-items: stretch !important;
  align-items: center !important;
  min-width: 150px !important;
}

.yaagi-header-open-app {
  grid-row: 2 !important;
  align-self: center !important;
  min-height: 44px !important;
}

.yaagi-gold-status-pill {
  grid-row: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-height: 32px !important;
  padding: 4px 12px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(149, 98, 6, .24) !important;
  background: linear-gradient(180deg, #fff8d7 0%, #f3cf65 52%, #d99a00 100%) !important;
  color: #102243 !important;
  font-weight: 950 !important;
  font-size: 12px !important;
  box-shadow: 0 8px 18px rgba(143, 93, 9, .18), inset 0 1px 0 rgba(255,255,255,.72) !important;
}

.yaagi-gold-status-pill[hidden] {
  display: none !important;
}

.yaagi-gold-status-icon {
  width: 22px !important;
  height: 22px !important;
  object-fit: contain !important;
  flex: 0 0 22px !important;
  display: inline-block !important;
  filter: drop-shadow(0 1px 1px rgba(96, 58, 0, .18));
}

.yaagi-gold-status-dot {
  display: none !important;
}

@media (min-width: 900px) {
  .yaagi-header {
    grid-template-columns: auto minmax(420px, 1fr) auto !important;
  }

  .yaagi-nav-links {
    justify-content: center !important;
  }

  .yaagi-header-actions {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
  }
}

@media (max-width: 820px) {
  .yaagi-app-action-stack {
    min-width: 0 !important;
  }

  .yaagi-gold-status-pill {
    font-size: 11px !important;
    padding-inline: 10px !important;
  }
}


/* YAAGI 9.34 - WordPress header: Gold/proefstatus above Open YAAGI, menu gets more horizontal space */
@media (min-width: 961px) {
  .yaagi-top-card {
    display: grid !important;
    grid-template-columns: minmax(190px, 235px) minmax(0, 1fr) minmax(178px, 190px) !important;
    align-items: center !important;
    column-gap: 14px !important;
  }

  .yaagi-brand-wrap {
    flex: initial !important;
    min-width: 0 !important;
  }

  .yaagi-nav {
    min-width: 0 !important;
    justify-content: center !important;
  }

  .yaagi-nav-links {
    flex-wrap: nowrap !important;
    justify-content: center !important;
    gap: 2px !important;
    min-width: 0 !important;
  }

  .yaagi-nav-links a {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    text-align: center !important;
    line-height: 1.15 !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .yaagi-header-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto auto !important;
    justify-items: stretch !important;
    align-items: stretch !important;
    gap: 6px !important;
    min-width: 178px !important;
    max-width: 190px !important;
  }

  .yaagi-header-actions .yaagi-language-pill {
    grid-row: 1 !important;
    grid-column: 1 !important;
    justify-self: stretch !important;
    width: 100% !important;
    min-height: 38px !important;
    margin: 0 !important;
  }

  .yaagi-header-actions .yaagi-app-action-stack {
    display: grid !important;
    grid-template-rows: 34px 44px !important;
    gap: 6px !important;
    justify-items: stretch !important;
    align-items: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .yaagi-header-actions .yaagi-gold-status-pill {
    grid-row: 1 !important;
    width: 100% !important;
    min-height: 34px !important;
    height: 34px !important;
    margin: 0 !important;
  }

  .yaagi-header-actions .yaagi-header-open-app {
    grid-row: 2 !important;
    width: 100% !important;
    min-height: 44px !important;
    height: 44px !important;
    margin: 0 !important;
  }

  .yaagi-header-actions .yaagi-menu-toggle {
    display: none !important;
  }
}


/* YAAGI 9.34 - WordPress header final polish */
@media (min-width: 961px) {
  .yaagi-top-card {
    grid-template-columns: minmax(168px, 215px) minmax(0, 1fr) minmax(166px, 178px) !important;
    column-gap: 12px !important;
  }
  .yaagi-brand-logo {
    width: 156px !important;
  }
  .yaagi-header-actions {
    max-width: 178px !important;
    min-width: 166px !important;
  }
  .yaagi-header-actions .yaagi-app-action-stack {
    grid-template-rows: 34px 44px !important;
  }
  .yaagi-header-actions .yaagi-gold-status-pill {
    grid-row: 1 !important;
  }
  .yaagi-header-actions .yaagi-header-open-app {
    grid-row: 2 !important;
  }
  .yaagi-nav-links a {
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: auto;
    font-size: 12.5px !important;
  }
}

/* YAAGI 9.34 - visible mobile YAAGI logo */
@media (max-width: 960px) {
  .yaagi-top-card {
    grid-template-columns: minmax(92px, 1fr) auto !important;
  }
  .yaagi-brand-wrap {
    display: flex !important;
    min-width: 92px !important;
    max-width: 136px !important;
    overflow: visible !important;
  }
  .yaagi-brand {
    display: inline-flex !important;
    width: 100% !important;
    min-width: 92px !important;
  }
  .yaagi-brand-logo {
    display: block !important;
    width: 100px !important;
    min-width: 100px !important;
    height: auto !important;
    max-height: 48px !important;
    object-fit: contain !important;
    object-position: left center !important;
  }
  .yaagi-header-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
  }
}
@media (max-width: 430px) {
  .yaagi-top-card {
    padding: 10px 10px !important;
    gap: 8px !important;
  }
  .yaagi-brand-wrap {
    max-width: 106px !important;
  }
  .yaagi-brand-logo {
    width: 88px !important;
    min-width: 88px !important;
    max-height: 42px !important;
  }
  .yaagi-language-pill {
    min-width: 60px !important;
  }
  .yaagi-app-action-stack .yaagi-gold-status-pill {
    max-width: 142px !important;
  }
  .yaagi-menu-toggle {
    width: 42px !important;
    height: 42px !important;
  }
}
@media (max-width: 360px) {
  .yaagi-brand-logo {
    width: 76px !important;
    min-width: 76px !important;
  }
  .yaagi-app-action-stack .yaagi-gold-status-pill {
    max-width: 118px !important;
  }
}

/* YAAGI 9.34 - header layout: language next to Open app on desktop, below Gold/Open app on mobile */
@media (min-width: 961px) {
  .yaagi-top-card {
    display: grid !important;
    grid-template-columns: minmax(170px, 220px) minmax(0, 1fr) minmax(280px, auto) !important;
    align-items: center !important;
    column-gap: 16px !important;
  }
  .yaagi-header-actions {
    display: grid !important;
    grid-template-columns: minmax(154px, auto) minmax(82px, auto) !important;
    grid-template-rows: auto auto !important;
    gap: 7px 10px !important;
    align-items: center !important;
    justify-content: end !important;
    min-width: 280px !important;
    max-width: none !important;
  }
  .yaagi-header-actions .yaagi-app-action-stack {
    display: contents !important;
  }
  .yaagi-header-actions .yaagi-gold-status-pill {
    grid-column: 1 / 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    width: auto !important;
    min-width: 178px !important;
    max-width: 100% !important;
    height: 34px !important;
    margin: 0 !important;
  }
  .yaagi-header-actions .yaagi-header-open-app {
    grid-column: 1 !important;
    grid-row: 2 !important;
    justify-self: stretch !important;
    min-height: 44px !important;
    height: 44px !important;
    width: 100% !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }
  .yaagi-header-actions .yaagi-language-pill {
    grid-column: 2 !important;
    grid-row: 2 !important;
    justify-self: end !important;
    align-self: stretch !important;
    width: auto !important;
    min-width: 78px !important;
    min-height: 44px !important;
    margin: 0 !important;
  }
  .yaagi-header-actions .yaagi-menu-toggle {
    display: none !important;
  }
}

@media (max-width: 960px) {
  .yaagi-top-card {
    display: grid !important;
    grid-template-columns: minmax(104px, 1fr) auto !important;
    align-items: start !important;
    gap: 10px !important;
  }
  .yaagi-brand-wrap {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: start !important;
    max-width: 150px !important;
    overflow: visible !important;
  }
  .yaagi-brand-logo {
    width: clamp(92px, 24vw, 124px) !important;
    min-width: 0 !important;
    max-height: 54px !important;
    object-fit: contain !important;
    object-position: left top !important;
  }
  .yaagi-header-actions {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: grid !important;
    grid-template-columns: minmax(130px, 172px) 44px !important;
    grid-template-rows: auto auto !important;
    gap: 6px 8px !important;
    align-items: start !important;
    justify-content: end !important;
    min-width: 0 !important;
    max-width: none !important;
  }
  .yaagi-header-actions .yaagi-app-action-stack {
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: grid !important;
    grid-template-rows: auto auto !important;
    gap: 5px !important;
    min-width: 0 !important;
    width: 100% !important;
  }
  .yaagi-header-actions .yaagi-gold-status-pill {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 32px !important;
    height: auto !important;
    margin: 0 !important;
  }
  .yaagi-header-actions .yaagi-header-open-app {
    width: 100% !important;
    min-height: 40px !important;
    height: 40px !important;
    margin: 0 !important;
  }
  .yaagi-header-actions .yaagi-language-pill {
    grid-column: 1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    min-height: 40px !important;
    margin: 0 !important;
    justify-self: stretch !important;
  }
  .yaagi-header-actions .yaagi-menu-toggle {
    grid-column: 2 !important;
    grid-row: 1 / 3 !important;
    display: inline-flex !important;
    align-self: start !important;
    justify-self: end !important;
    margin: 0 !important;
  }
}

@media (max-width: 430px) {
  .yaagi-top-card {
    grid-template-columns: minmax(82px, 1fr) auto !important;
    padding: 10px !important;
  }
  .yaagi-header-actions {
    grid-template-columns: minmax(116px, 148px) 42px !important;
    gap: 6px !important;
  }
  .yaagi-brand-logo {
    width: clamp(76px, 23vw, 98px) !important;
    max-height: 44px !important;
  }
}

/* YAAGI 9.34 hide Gold status pill for visitors */
.yaagi-gold-status-pill[hidden],
.yaagi-gold-status-pill.is-hidden-for-visitor {
  display: none !important;
}

/* YAAGI 9.34 no WordPress Gold status in public header */
.yaagi-landing-root .yaagi-gold-status-pill,
.yaagi-landing-root [data-y-removed-gold-status] {
  display: none !important;
}




/* YAAGI 9.34 pricing CTAs go to registration */
.yg57-btn-monthly {
  background: linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);
  color: #0b224e;
  border: 1px solid rgba(15,35,75,.16);
}
.yg57-btn-monthly:hover,
.yg57-btn-monthly:focus-visible {
  background: linear-gradient(135deg,#fff7db 0%,#f4d06a 58%,#d99a00 100%);
  color: #102243;
}



/* YAAGI 9.34 single pricing CTA */
.yg57-btn-signup {
  width: 100%;
  justify-content: center;
}
.yg57-card-basic [data-y-key="pricingBasicButton"] {
  display: none !important;
}
/* YAAGI 10.29: keep the shared signup CTA visible for Basic and Gold. */
.yg57-card-basic .yg57-footer .yg57-btn-signup {
  display: inline-flex !important;
}
.yg57-basic-note {
  margin: 0;
  color: rgba(11,34,78,.74);
  font-size: .92rem;
  font-weight: 700;
  line-height: 1.35;
}

/* YAAGI 9.34 pricing note clarity */
.yg57-basic-note,
.yg57-no-card {
  line-height: 1.5;
}



/* YAAGI 9.34 pricing notes should be calm body text */
.yg57-basic-note,
.yg57-no-card,
.yg57-card .yg57-basic-note,
.yg57-card .yg57-no-card {
  font-weight: 500 !important;
  font-size: 0.95rem !important;
  line-height: 1.45 !important;
  color: #475569 !important;
  text-align: center;
}



/* YAAGI 9.34 - WordPress pricing Surface/laptop readability */
@media (min-width: 900px) and (max-width: 1280px) {
  .yg57-grid,
  .yaagi-pricing-grid,
  .yaagi-pricing-cards {
    grid-template-columns: 1fr !important;
  }

  .yg57-col,
  .yg57-card,
  .yg57-card-plus,
  .yg57-card-basic {
    max-width: 100% !important;
  }

  .yg57-plus-top {
    grid-template-columns: minmax(0, 1fr) minmax(220px, 320px) !important;
    gap: 18px !important;
    align-items: center !important;
  }

  .yg57-hand {
    max-width: 100% !important;
    width: auto !important;
    font-size: clamp(1.25rem, 2.4vw, 2rem) !important;
    line-height: 1.15 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  .yg57-year,
  .yg57-month,
  .yg57-plus-top p {
    max-width: 100% !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
  }
}

@media (max-width: 1100px) {
  .yg57-year {
    display: block !important;
    line-height: 1.45 !important;
  }

  .yg57-year strong {
    display: inline !important;
    white-space: normal !important;
  }
}

/* YAAGI 10.29 WordPress CTA hotfix */

/* ================================================================
   YAAGI 10.29 - Basic CTA parity + mobile pricing readability
   ================================================================ */
.yg57-card-basic .yg57-footer .yg57-btn-signup {
  color:#382708 !important;
  border:1px solid rgba(174,133,52,.45) !important;
  background:linear-gradient(180deg,#fffbe5 0%,#f8df99 22%,#dfb452 53%,#bb8a21 86%,#ffedbb 100%) !important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.84), inset 0 -2px 2px rgba(116,79,15,.18), 0 12px 18px rgba(192,149,56,.18) !important;
  margin-bottom:10px !important;
}

@media (max-width: 680px) {
  .yg57-list,
  .yg57-list-basic,
  .yg57-list-plus {
    text-align:left !important;
    justify-items:stretch !important;
  }
  .yg57-list-plus {
    grid-template-columns:1fr !important;
  }
  .yg57-list li {
    text-align:left !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
    hyphens:none !important;
  }
}
/* YAAGI 10.29 - phone-only pricing readability; desktop/laptop rules are untouched. */
@media (max-width: 760px) {
  .yg57-card .yg57-list,
  .yg57-card .yg57-list-basic,
  .yg57-card .yg57-list-plus {
    text-align: left !important;
    justify-items: stretch !important;
    align-items: stretch !important;
  }
  .yg57-card .yg57-list li {
    text-align: left !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
  }
  .yg57-card .yg57-list li::before {
    flex: 0 0 auto !important;
    margin-top: .12em !important;
  }
}

/* ================================================================
   YAAGI 16.1 - phone pricing features use more of the card width
   Desktop/laptop layout is intentionally untouched.
   ================================================================ */
@media (max-width: 760px) {
  .yg57-card-basic,
  .yg57-card-plus {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .yg57-card .yg57-list li {
    padding-left: 19px !important;
    text-align: left !important;
    line-height: 1.22 !important;
  }
  .yg57-card .yg57-list li::before {
    left: 1px !important;
    width: 9px !important;
    height: 9px !important;
  }
}

/* YAAGI 16.1 subtle cookie consent */
.yaagi-cookie-consent{position:fixed;z-index:99999;left:50%;bottom:16px;transform:translateX(-50%);width:min(920px,calc(100% - 24px));display:flex;gap:20px;align-items:center;justify-content:space-between;padding:16px 18px;background:rgba(255,255,255,.98);border:1px solid rgba(28,45,63,.14);border-radius:18px;box-shadow:0 12px 38px rgba(28,45,63,.18);color:#203142;font-family:inherit}
.yaagi-cookie-copy{min-width:0}.yaagi-cookie-copy strong{display:block;font-size:1rem;margin-bottom:3px}.yaagi-cookie-copy p{margin:0 0 4px;font-size:.9rem;line-height:1.45}.yaagi-cookie-copy a{font-size:.82rem;color:inherit;text-decoration:underline}.yaagi-cookie-actions{display:flex;flex:0 0 auto;gap:8px;flex-wrap:wrap;justify-content:flex-end}.yaagi-cookie-actions button{border:1px solid rgba(28,45,63,.2);background:#fff;color:#203142;border-radius:999px;padding:9px 14px;font:600 .85rem/1 inherit;cursor:pointer}.yaagi-cookie-actions button.is-primary{background:#203142;color:#fff;border-color:#203142}
@media(max-width:700px){.yaagi-cookie-consent{align-items:stretch;flex-direction:column;gap:12px;bottom:8px;padding:14px}.yaagi-cookie-actions{justify-content:stretch}.yaagi-cookie-actions button{flex:1 1 145px}}

/* YAAGI 16.1 — always-available cookie preference control */
.yaagi-cookie-settings-link{appearance:none;border:0;background:transparent;color:inherit;font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:0}
.yaagi-cookie-settings-link:hover,.yaagi-cookie-settings-link:focus-visible{color:#203142;outline:2px solid currentColor;outline-offset:4px;border-radius:3px}

/* YAAGI 16.1: exact centered brand, compact language control and one-line mission slogan. */
.yaagi-top-card{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;align-items:center!important;column-gap:14px!important}
.yaagi-brand-wrap{grid-column:2!important;grid-row:1!important;justify-self:center!important;text-align:center!important;min-width:0!important}
.yaagi-nav{grid-column:1!important;grid-row:1!important;justify-self:start!important;min-width:0!important}
.yaagi-header-actions{grid-column:3!important;grid-row:1!important;justify-self:end!important;min-width:0!important}
.yaagi-brand-logo{display:block!important;margin:0 auto!important}
.yaagi-language-pill{min-height:32px!important;padding:0 26px 0 9px!important;font-size:10px!important;gap:4px!important;min-width:66px!important}
.yaagi-language-pill::after{right:9px!important;width:6px!important;height:6px!important}
.yaagi-privacy-bar{display:flex!important;justify-content:center!important;align-items:center!important;text-align:center!important;padding-left:10px!important;padding-right:10px!important;overflow:hidden!important}
.yaagi-privacy-bar [data-y-key="privacyText"]{display:block!important;width:100%!important;white-space:nowrap!important;font-size:clamp(7px,1.25vw,14px)!important;line-height:1.15!important;letter-spacing:-.015em!important;overflow:visible!important;text-overflow:clip!important}
@media(max-width:760px){
  .yaagi-top-card{grid-template-columns:minmax(44px,1fr) auto minmax(44px,1fr)!important;column-gap:7px!important}
  .yaagi-brand-wrap{grid-column:2!important;justify-self:center!important}
  .yaagi-nav{display:none!important}
  .yaagi-header-actions{grid-column:3!important;justify-self:end!important}
  .yaagi-brand-slogan{display:none!important}
  .yaagi-brand-logo{width:min(132px,38vw)!important}
  .yaagi-language-pill{min-height:30px!important;font-size:9px!important;padding:0 22px 0 7px!important;min-width:58px!important}
  .yaagi-privacy-bar [data-y-key="privacyText"]{font-size:clamp(7px,2.15vw,11px)!important;letter-spacing:-.035em!important}
}

/* ==================================================================
   YAAGI 16.1 WordPress mobile header patch 1
   Logo on its own centered row; compact two-letter language selector
   and hamburger menu aligned on the row below.
   Desktop/laptop layout remains unchanged.
   ================================================================== */
@media (max-width: 760px) {
  .yaagi-landing-root .yaagi-top-card {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    justify-items: stretch !important;
    column-gap: 10px !important;
    row-gap: 9px !important;
    padding: 11px 12px !important;
  }

  .yaagi-landing-root .yaagi-brand-wrap {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    justify-self: center !important;
    align-self: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    text-align: center !important;
    overflow: visible !important;
  }

  .yaagi-landing-root .yaagi-brand {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 auto !important;
  }

  .yaagi-landing-root .yaagi-brand-logo {
    display: block !important;
    width: clamp(126px, 38vw, 156px) !important;
    min-width: 0 !important;
    max-width: 156px !important;
    max-height: 58px !important;
    height: auto !important;
    margin: 0 auto !important;
    object-fit: contain !important;
    object-position: center center !important;
  }

  .yaagi-landing-root .yaagi-brand-slogan,
  .yaagi-landing-root .yaagi-nav,
  .yaagi-landing-root .yaagi-header-open-app,
  .yaagi-landing-root .yaagi-header-actions .yaagi-app-action-stack {
    display: none !important;
  }

  .yaagi-landing-root .yaagi-header-actions {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    justify-self: stretch !important;
    align-self: center !important;
    display: grid !important;
    grid-template-columns: 58px minmax(0, 1fr) 42px !important;
    grid-template-rows: 42px !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    gap: 8px !important;
  }

  .yaagi-landing-root .yaagi-header-actions .yaagi-language-pill {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    align-self: center !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 19px 0 8px !important;
    margin: 0 !important;
    gap: 0 !important;
    border-radius: 14px !important;
    font-size: 12px !important;
    line-height: 1 !important;
    overflow: hidden !important;
  }

  .yaagi-landing-root .yaagi-language-label {
    display: block !important;
    width: 100% !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-align: center !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: .02em !important;
  }

  .yaagi-landing-root .yaagi-language-pill::after {
    right: 8px !important;
    width: 6px !important;
    height: 6px !important;
    border-width: 0 2px 2px 0 !important;
  }

  .yaagi-landing-root .yaagi-header-actions .yaagi-menu-toggle {
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    align-self: center !important;
    display: inline-flex !important;
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    border-radius: 14px !important;
  }

  .yaagi-landing-root .yaagi-mobile-menu {
    top: 124px !important;
  }
}

@media (max-width: 360px) {
  .yaagi-landing-root .yaagi-top-card {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .yaagi-landing-root .yaagi-brand-logo {
    width: 126px !important;
  }
}

/* YAAGI 16.1 — persistent WordPress navigation */
.yaagi-landing-root .yaagi-top-card {
  position: sticky !important;
  top: 12px !important;
  z-index: 10020 !important;
  isolation: isolate !important;
}
.admin-bar .yaagi-landing-root .yaagi-top-card { top: 44px !important; }
.yaagi-landing-root .yaagi-mobile-menu {
  position: fixed !important;
  z-index: 10019 !important;
  max-height: calc(100dvh - 150px) !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
}
@media (max-width: 782px) {
  .admin-bar .yaagi-landing-root .yaagi-top-card { top: 58px !important; }
}

/* ================================================================
   YAAGI 16.1 - consolidated WordPress header and mobile menu
   Final override for the accumulated historical header patches.
   ================================================================ */
@media (min-width: 961px) {
  .yaagi-landing-root .yaagi-top-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "brand brand"
      "nav actions" !important;
    align-items: center !important;
    gap: 12px 22px !important;
    padding: 16px 22px !important;
  }
  .yaagi-landing-root .yaagi-brand-wrap {
    grid-area: brand !important;
    display: flex !important;
    flex: none !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: none !important;
    gap: 5px !important;
    text-align: center !important;
  }
  .yaagi-landing-root .yaagi-brand {
    justify-content: center !important;
    width: auto !important;
  }
  .yaagi-landing-root .yaagi-brand-logo {
    width: clamp(205px, 18vw, 255px) !important;
    min-width: 205px !important;
    max-width: 255px !important;
    max-height: none !important;
    object-position: center !important;
  }
  .yaagi-landing-root .yaagi-brand-slogan {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    text-align: center !important;
    font-size: 12.5px !important;
    line-height: 1.25 !important;
  }
  .yaagi-landing-root .yaagi-nav {
    grid-area: nav !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-width: 0 !important;
  }
  .yaagi-landing-root .yaagi-nav-links {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    gap: 5px !important;
  }
  .yaagi-landing-root .yaagi-nav-links a {
    padding: 10px 11px !important;
    font-size: 13px !important;
    white-space: nowrap !important;
  }
  .yaagi-landing-root .yaagi-header-actions {
    grid-area: actions !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    min-width: 0 !important;
    max-width: none !important;
  }
  .yaagi-landing-root .yaagi-header-actions .yaagi-app-action-stack {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 9px !important;
    min-width: 0 !important;
  }
  .yaagi-landing-root .yaagi-header-actions .yaagi-gold-status-pill,
  .yaagi-landing-root .yaagi-header-actions .yaagi-header-open-app,
  .yaagi-landing-root .yaagi-header-actions .yaagi-language-pill {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    align-self: center !important;
    justify-self: auto !important;
    grid-column: auto !important;
    grid-row: auto !important;
  }
  .yaagi-landing-root .yaagi-header-actions .yaagi-gold-status-pill {
    padding-inline: 12px !important;
    white-space: nowrap !important;
  }
  .yaagi-landing-root .yaagi-header-actions .yaagi-header-open-app {
    padding-inline: 20px !important;
    white-space: nowrap !important;
  }
  .yaagi-landing-root .yaagi-header-actions .yaagi-language-pill {
    min-width: 76px !important;
  }
  .yaagi-landing-root .yaagi-header-actions .yaagi-menu-toggle,
  .yaagi-landing-root .yaagi-mobile-menu {
    display: none !important;
  }
}

@media (max-width: 960px) {
  .yaagi-landing-root .yaagi-top-card {
    display: grid !important;
    grid-template-columns: minmax(72px, 1fr) auto minmax(72px, 1fr) !important;
    grid-template-areas:
      "brand brand brand"
      "language spacer menu" !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 14px 16px !important;
    overflow: visible !important;
  }
  .yaagi-landing-root .yaagi-brand-wrap {
    grid-area: brand !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    gap: 3px !important;
    overflow: visible !important;
  }
  .yaagi-landing-root .yaagi-brand {
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
  }
  .yaagi-landing-root .yaagi-brand-logo {
    width: clamp(165px, 48vw, 225px) !important;
    min-width: 0 !important;
    max-width: 225px !important;
    max-height: none !important;
    object-position: center !important;
  }
  .yaagi-landing-root .yaagi-brand-slogan {
    width: 100% !important;
    max-width: none !important;
    text-align: center !important;
    font-size: 11px !important;
  }
  .yaagi-landing-root .yaagi-nav { display: none !important; }
  .yaagi-landing-root .yaagi-header-actions { display: contents !important; }
  .yaagi-landing-root .yaagi-header-actions .yaagi-language-pill {
    grid-area: language !important;
    justify-self: start !important;
    display: inline-flex !important;
    width: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
    height: 52px !important;
    min-height: 52px !important;
    padding: 0 25px 0 10px !important;
    margin: 0 !important;
    border-radius: 17px !important;
  }
  .yaagi-landing-root .yaagi-header-actions .yaagi-app-action-stack {
    display: none !important;
  }
  .yaagi-landing-root .yaagi-header-actions .yaagi-menu-toggle {
    grid-area: menu !important;
    justify-self: end !important;
    display: inline-flex !important;
    width: 56px !important;
    min-width: 56px !important;
    height: 56px !important;
    min-height: 56px !important;
    margin: 0 !important;
    border-radius: 18px !important;
    z-index: 10022 !important;
  }
  .yaagi-landing-root .yaagi-mobile-menu,
  .yaagi-landing-root .yaagi-mobile-menu.is-open {
    position: fixed !important;
    z-index: 10040 !important;
    display: block;
    margin: 0 !important;
    padding: 12px !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    border: 1px solid rgba(15, 35, 75, .14) !important;
    border-radius: 20px !important;
    background: rgba(255,255,255,.99) !important;
    box-shadow: 0 20px 52px rgba(15, 23, 42, .25) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
  }
  .yaagi-landing-root .yaagi-mobile-menu[hidden] { display: none !important; }
  .yaagi-landing-root .yaagi-mobile-links {
    display: grid !important;
    gap: 8px !important;
  }
  .yaagi-landing-root .yaagi-mobile-links a {
    display: grid !important;
    grid-template-columns: 30px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 48px !important;
    padding: 10px 13px !important;
    border-radius: 14px !important;
    background: #f7f9fc !important;
    color: var(--yg-navy) !important;
    text-align: left !important;
  }
  .yaagi-landing-root .yaagi-mobile-links .yaagi-mobile-link-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    min-width: 30px !important;
    font-size: 1.12rem !important;
    line-height: 1 !important;
  }
  .yaagi-landing-root .yaagi-mobile-links .yaagi-open-app-mobile {
    margin-top: 4px !important;
    background: linear-gradient(180deg,var(--yg-gold-1),var(--yg-gold-2)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.55), 0 8px 16px rgba(217,159,49,.24) !important;
  }
}

@media (max-width: 430px) {
  .yaagi-landing-root .yaagi-top-card {
    padding: 12px !important;
  }
  .yaagi-landing-root .yaagi-brand-logo {
    width: clamp(155px, 52vw, 205px) !important;
  }
  .yaagi-landing-root .yaagi-brand-slogan {
    font-size: 10.5px !important;
  }
}

/* ================================================================
   YAAGI 16.1 - app-style WordPress navigation icons and readable mission bar
   ================================================================ */
.yaagi-landing-root .yaagi-nav-links a,
.yaagi-landing-root .yaagi-mobile-links a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
}
.yaagi-landing-root .yaagi-nav-icon,
.yaagi-landing-root .yaagi-mobile-link-icon {
  display: inline-flex !important;
  flex: 0 0 1.35em !important;
  width: 1.35em !important;
  min-width: 1.35em !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 1.05em !important;
  line-height: 1 !important;
  text-align: center !important;
  overflow: visible !important;
}
.yaagi-landing-root .yaagi-mobile-links a {
  justify-content: flex-start !important;
}
.yaagi-landing-root .yaagi-privacy-bar {
  min-height: 0 !important;
  height: auto !important;
  padding: 17px 22px !important;
  overflow: visible !important;
}
.yaagi-landing-root .yaagi-privacy-bar [data-y-key="privacyText"] {
  display: block !important;
  width: min(100%, 760px) !important;
  max-width: 760px !important;
  margin: 0 auto !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  font-size: clamp(15px, 1.55vw, 20px) !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
}
@media (max-width: 760px) {
  .yaagi-landing-root .yaagi-privacy-bar {
    padding: 16px 18px !important;
  }
  .yaagi-landing-root .yaagi-privacy-bar [data-y-key="privacyText"] {
    width: min(100%, 31ch) !important;
    max-width: 31ch !important;
    font-size: clamp(15px, 4.5vw, 18px) !important;
    line-height: 1.35 !important;
  }
}


/* Live Yaagi 2.2 — direct paid checkout CTAs. */
.yg57-paid-checkout-actions{display:grid;gap:9px;margin-top:16px;}
.yg57-paid-checkout-actions .yg57-btn{width:100%;min-height:46px;border-radius:13px;font-weight:850;cursor:pointer;}
.yg57-paid-checkout-actions .yg57-btn-yearly{background:linear-gradient(180deg,#ffe58a 0%,#e5ad20 100%)!important;color:#10294d!important;border:1px solid #c99113!important;box-shadow:0 10px 24px rgba(163,112,14,.25)!important;font-size:1rem;}
.yg57-paid-checkout-actions .yg57-btn-monthly{background:#fff!important;color:#173b73!important;border:1px solid #b8c8dc!important;box-shadow:0 6px 16px rgba(23,59,115,.08)!important;}
.yg57-paid-checkout-actions .yg57-btn:disabled{opacity:.65;cursor:wait;}
.yg57-trial-link{font-size:.82rem;font-weight:650;color:#66778d;text-decoration:underline;text-align:center;margin-top:2px;}
.yg57-checkout-status{min-height:1.1em;margin:0;text-align:center;font-size:.78rem;color:#52657d;}
.yg57-checkout-status.is-error{color:#a33b3b;}
.yg57-card-plus{border:2px solid rgba(205,153,31,.42)!important;box-shadow:0 18px 38px rgba(98,73,15,.14)!important;}
@media(max-width:700px){.yg57-paid-checkout-actions .yg57-btn-yearly{font-size:.95rem;}}


/* YAAGI 3.8 — compact child environment section. */
.yaagi-child-story{
  display:grid;
  grid-template-columns:minmax(280px,.86fr) minmax(0,1.14fr);
  align-items:center;
  gap:clamp(28px,5vw,72px);
  overflow:hidden;
  background:linear-gradient(135deg,#f4f8fd 0%,#eef4fb 58%,#fff9ec 100%);
}
.yaagi-child-story-visual{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  align-self:stretch;
}
.yaagi-child-story-image{
  display:block;
  width:min(100%,470px);
  height:auto;
  max-height:590px;
  object-fit:contain;
  filter:drop-shadow(0 18px 30px rgba(14,43,78,.16));
}
.yaagi-child-story-copy{min-width:0}
.yaagi-child-story-copy h2{margin-bottom:12px}
.yaagi-child-story-copy>.yaagi-section-intro{margin-bottom:20px}
.yaagi-child-story-points{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:0 0 16px;
}
.yaagi-child-story-points article{
  background:rgba(255,255,255,.82);
  border:1px solid rgba(20,54,93,.10);
  border-radius:16px;
  padding:14px 15px;
  box-shadow:0 8px 22px rgba(15,39,70,.06);
}
.yaagi-child-story-points strong{
  display:block;
  color:#102f5d;
  font-size:1rem;
  line-height:1.25;
  margin-bottom:5px;
}
.yaagi-child-story-points p{
  margin:0;
  color:#4d5f73;
  font-size:.94rem;
  line-height:1.48;
}
.yaagi-child-story-note{
  margin:0 0 18px;
  padding:12px 14px;
  border-left:4px solid #d3a52e;
  border-radius:10px;
  background:rgba(255,255,255,.72);
  color:#34495f;
  font-size:.95rem;
  line-height:1.5;
}
@media (max-width:820px){
  .yaagi-child-story{
    grid-template-columns:1fr;
    gap:12px;
    padding-top:26px;
  }
  .yaagi-child-story-visual{order:0}
  .yaagi-child-story-copy{order:1}
  .yaagi-child-story-image{
    width:min(82vw,390px);
    max-height:500px;
  }
  .yaagi-child-story-points{grid-template-columns:1fr}
}
@media (max-width:520px){
  .yaagi-child-story-image{width:min(92vw,350px);max-height:455px}
  .yaagi-child-story-points article{padding:13px 14px}
}