/* ═══════════════════════════════════════════════════════════════════════
   sy-sleek.css — Fiscal.ai-inspired discipline pass (2026-07-07)
   Loaded LAST; pure override layer. Delete the <link> to fully revert.

   The reference look is a DISCIPLINE, not a texture:
     · near-black canvas, hairline-bordered FLAT cards (no internal
       gradients/glows), 16px radius, generous padding
     · ONE accent (SiteYield gold) used small: icons, kickers, primary CTA
     · huge tight-tracked hero type, quiet muted subheads
     · nav as compact floating clusters, not one wide bar
     · signature giant clipped watermark wordmark
   ═══════════════════════════════════════════════════════════════════════ */

/* ── 0 · CANVAS: deepen the base toward near-black (pools preserved) ──── */
body{
  background-color:#070B13 !important;
  background-image:
    radial-gradient(130% 78% at 50% -12%, rgba(44,60,96,.38), transparent 60%),
    radial-gradient(64% 52% at 86% 12%, rgba(198,166,100,.06), transparent 58%),
    radial-gradient(82% 70% at 3% 82%, rgba(32,46,78,.30), transparent 62%),
    radial-gradient(72% 64% at 97% 90%, rgba(26,38,66,.24), transparent 64%),
    linear-gradient(180deg, #131B2A 0%, #0D1320 42%, #090E18 78%, #070B12 100%) !important;
}

/* ── 1 · NAV: split floating clusters (brand · links · actions) ───────── */
.nav-pill{background:none !important;border:none !important;box-shadow:none !important;
  -webkit-backdrop-filter:none !important;backdrop-filter:none !important;padding:0 !important;gap:10px !important}
.nav-brand,.nav-links,.nav-actions{
  background:rgba(10,15,26,.78);border:1px solid rgba(151,169,199,.14);border-radius:999px;
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.nav-brand{padding:8px 18px 8px 12px}
.nav-links{padding:4px 8px}
.nav-actions{padding:4px 6px 4px 14px}
@media(max-width:960px){.nav-links,.nav-actions{background:none;border:none;-webkit-backdrop-filter:none;backdrop-filter:none}}

/* ── 2 · HERO TYPE: bigger, tighter, heavier; quiet subhead ───────────── */
.eb2-h1{font-size:clamp(46px,6.2vw,84px) !important;letter-spacing:-.045em !important;
  line-height:1.04 !important;font-weight:700 !important}
.eb2-sub{font-size:17px !important;line-height:1.6 !important;color:#A7ADB8 !important;max-width:660px;margin-left:auto;margin-right:auto}
/* gold kicker above the headline (Fiscal's "+ GET STARTED" move) */
.sy-kicker{display:flex;align-items:center;justify-content:center;gap:8px;
  font:600 11px var(--font-mono,ui-monospace,monospace);letter-spacing:.22em;text-transform:uppercase;
  color:#E8C87A;margin:0 0 18px}
.sy-kicker::before{content:'✦';font-size:11px}

/* ── 3 · (watermark wordmark removed 2026-07-07 — no real horizontal
   lockup asset exists; CSS imitation had glyph collisions. Re-add here
   when a designed SVG lockup is commissioned.) ─────────────────────── */

/* ── 4 · CARD LANGUAGE: flat fill · hairline border · 16px · icon-led ── */
.feature,.uc-card,.plan,.dt-card{
  background:#0B1220 !important;background-image:none !important;
  border:1px solid rgba(151,169,199,.14) !important;border-radius:16px !important;
  box-shadow:none !important;
  transition:border-color .22s,transform .22s cubic-bezier(.22,1,.36,1) !important}
.feature:hover,.uc-card:hover,.dt-card:hover{border-color:rgba(232,200,122,.4) !important;transform:translateY(-2px)}
.feature{padding:26px 24px !important}
.feature-icon{color:#E8C87A !important;margin-bottom:14px}
.feature-title{font-size:16px !important;font-weight:700 !important;color:#F2F0EA !important;margin-bottom:8px !important;letter-spacing:-.01em}
.feature-body{font-size:13.5px !important;line-height:1.62 !important;color:#97A0AE !important}
/* pricing: featured plan is the ONLY gold-bordered card */
.plan{border-color:rgba(151,169,199,.14) !important}
.plan-featured{border-color:rgba(232,200,122,.55) !important;box-shadow:0 0 0 1px rgba(232,200,122,.2), 0 24px 70px -30px rgba(0,0,0,.8) !important}
/* versus rows: calm the gold-gradient fill to flat + gold left edge */
.sy-vs-row.old,.sy-vs-row.new{background:#0B1220 !important;background-image:none !important}
.sy-vs-row.new{border:1px solid rgba(151,169,199,.16) !important;box-shadow:inset 2px 0 0 #E8C87A !important}
.sy-vs-row.new:hover{border-color:rgba(232,200,122,.45) !important}
/* marquee badges join the family */
.sy-badge{background:#0B1220;border-color:rgba(151,169,199,.14)}

/* ── 5 · BUTTONS: flat pills, one gold primary, thin outlines ─────────── */
.eb2-btn,.plan-cta-primary,.gs-cta,.btn-primary{
  background:#E8C87A !important;background-image:none !important;color:#161204 !important;
  border-radius:999px !important;font-weight:700 !important;box-shadow:0 10px 30px -12px rgba(232,200,122,.45) !important}
.eb2-btn:hover,.plan-cta-primary:hover{filter:brightness(1.06)}
.eb2-btn2,.btn-ghost,.plan-cta-ghost,.plan-cta:not(.plan-cta-primary){
  background:transparent !important;border:1px solid rgba(245,241,236,.25) !important;
  border-radius:999px !important;color:#EFEAE0 !important}
.eb2-btn2:hover,.plan-cta-ghost:hover{border-color:rgba(232,200,122,.6) !important;background:rgba(232,200,122,.06) !important}

/* ── 6 · SECTION KICKERS: unified tiny gold ✦ style ───────────────────── */
.section-eyebrow,.eb2-eyebrow{color:#E8C87A !important;font-size:11px !important;
  letter-spacing:.22em !important;text-transform:uppercase !important;font-weight:600 !important}

@media(prefers-reduced-motion:reduce){
  .feature,.uc-card,.dt-card,.sy-vs-row.new{transition:none !important}
}