/* ===================================================================
   MARKONI — V1 Aesthetic Layer
   Loaded LAST. Re-skins every section to match the V1 (Aman-redux) hero:
   warm-black bg or paper, Inter Tight 300 type, Fraunces italic 300
   ONLY on em accents, JetBrains Mono chrome, hairline rules, generous
   whitespace, restrained molten-gold highlights.
   =================================================================== */

:root {
  /* V1 palette — overrides for tone alignment */
  --v1-bg: #0B0907;
  --v1-bg-2: #0E0B07;
  --v1-paper: #F4EFE6;
  --v1-paper-2: rgba(244,239,230,0.65);
  --v1-paper-3: rgba(244,239,230,0.40);
  --v1-paper-4: rgba(244,239,230,0.20);
  --v1-rule: rgba(244,239,230,0.10);

  --v1-cream: #F4EFE6;
  --v1-cream-2: #EDE6D7;
  --v1-ink: #0B0907;
  --v1-ink-2: rgba(11,9,7,0.65);
  --v1-ink-3: rgba(11,9,7,0.45);
  --v1-ink-4: rgba(11,9,7,0.18);

  --v1-gold-50:  #FFE5A8;
  --v1-gold-300: #FFB300;
  --v1-gold-500: #FF8A00;
  --v1-gold-700: #FF6B00;

  --v1-sans:  'Inter Tight', 'Inter', system-ui, sans-serif;
  --v1-serif: 'Fraunces', 'Times New Roman', serif;
  --v1-mono:  'JetBrains Mono', ui-monospace, Menlo, monospace;
}

/* ─────────── Re-tone the dark/light bgs ─────────── */
html, body { background: var(--v1-bg); }
.theme-dark { background: var(--v1-bg); color: var(--v1-paper); }
.theme-light { background: var(--v1-cream); color: var(--v1-ink); }
/* .trust background removed — Top.jsx is theme-aware */
.trust { border-top-color: var(--v1-rule); }
.calc-section,
.coworkers,
.workforce,
.faq,
.faq-section,
.stack { background: var(--v1-cream); color: var(--v1-ink); }
.meet-section,
.stack-section,
.loop,
.final-cta,
.footer { background: var(--v1-bg); }

/* Bleed transitions */
.section-bleed.dark-to-light {
  background: linear-gradient(180deg, var(--v1-bg) 0%, rgba(20, 16, 8, 0.95) 30%, rgba(180, 145, 80, 0.40) 70%, var(--v1-cream) 100%);
}
.section-bleed.light-to-dark {
  background: linear-gradient(180deg, var(--v1-cream) 0%, rgba(180, 145, 80, 0.35) 30%, rgba(20, 16, 8, 0.95) 70%, var(--v1-bg) 100%);
}

/* ─────────── Type system ─────────── */
body { font-family: var(--v1-sans); font-weight: 300; letter-spacing: -0.005em; }

/* All display/heading text → Inter Tight 300, calm, large */
.section-title,
.hero-headline,
.calc-bignum,
.cw-detail-title,
.faq-q-text,
.final-title,
.leak-title,
.loop-step-title,
.wf-name,
.wf-detail-title,
.cw-name,
.footer-brand-mark,
.nav-brand,
.timeline-day,
.micro-stat-num {
  font-family: var(--v1-sans);
  font-weight: 300;
  letter-spacing: -0.02em;
}

/* Italic em accents → Fraunces italic 300 with molten gradient.
   Cover both <em> and <span class="serif"> patterns used across components. */
.section-title em,
.section-title .serif,
.hero-headline em,
.hero-headline .serif,
.calc-bignum em,
.calc-bignum .serif,
.calc-bignum-currency,
.cw-detail-tag,
.final-title em,
.final-title .serif,
.wf-detail-tag,
.leak-title em,
.leak-title .serif,
.loop-step-title em,
.loop-step-title .serif,
.faq-q-text em,
.faq-q-text .serif,
.micro-stat-num em,
.micro-stat-num .serif {
  font-family: var(--v1-serif) !important;
  font-style: italic !important;
  font-weight: 300 !important;
  background: linear-gradient(180deg, #FFE5A8 0%, #FFB300 55%, #FF8A00 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent !important;
  filter: none;
  color: transparent;
}

/* Eyebrows / mono chrome → JetBrains Mono, dim, wide-tracked */
.eyebrow,
.section-eyebrow,
.mono,
.tag,
.calc-readout-label,
.calc-readout-foot,
.calc-card-head .mono,
.calc-card-head-live,
.faq-num,
.cw-num,
.cw-detail-head,
.timeline-day-sub,
.stack-row-label,
.trust-label,
.footer-col-label,
.footer-foot,
.nav-brand .by,
.section-idx,
.leak-num,
.loop-step-meta,
.wf-num,
.wf-detail-head,
.wf-foot,
.hero-channels,
.hero-tagline-right {
  font-family: var(--v1-mono);
  font-size: 10px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--v1-paper-3);
  font-weight: 400;
}
.theme-light .eyebrow,
.theme-light .section-eyebrow,
.theme-light .mono,
.theme-light .tag,
.calc-section .section-eyebrow,
.workforce .section-eyebrow,
.stack .section-eyebrow,
.faq-section .section-eyebrow,
.faq .section-eyebrow,
.faq-num,
.cw-num,
.wf-num,
.coworkers .mono,
.workforce .mono { color: var(--v1-ink-3); }

/* Gold highlights only where signal */
.section-eyebrow,
.calc-card-head-live,
.calc-card-head .mono,
.cw-detail-head .live,
.wf-detail-head .mono,
.hero-channels-label,
.timeline-day { color: var(--v1-gold-300); }
.section-eyebrow::before { background: var(--v1-gold-300); }

/* Body copy */
.section-sub,
.hero-sub,
.calc-bucket-label,
.faq-a,
.cw-detail-desc,
.loop-step-items li,
.leak-body,
.final-sub,
.footer-blurb,
.timeline-step p,
.wf-detail-body {
  font-family: var(--v1-sans);
  font-weight: 300;
  font-size: 15.5px;
  line-height: 1.6;
  color: var(--v1-paper-2);
  letter-spacing: -0.005em;
}
.theme-light .section-sub,
.calc-section .section-sub,
.workforce .section-sub,
.stack .section-sub,
.faq-section .section-sub,
.faq .section-sub,
.faq-a,
.cw-detail-desc { color: var(--v1-ink-2); }

/* Strong section titles — bigger, calmer */
.section-title { font-size: clamp(40px, 5vw, 76px); line-height: 1.04; letter-spacing: -0.025em; }
.section-title em { letter-spacing: -0.02em; }

/* ─────────── Buttons ─────────── */
.btn,
.btn-molten,
.btn-ghost,
.btn-link {
  font-family: var(--v1-sans);
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  height: 48px;
  padding: 0 24px;
  border-radius: 999px;
}
.btn-molten {
  background: rgba(11,9,7,0.45);
  color: var(--v1-paper);
  border: 1px solid rgba(255,179,0,0.40);
  box-shadow: none;
}
.btn-molten:hover {
  background: rgba(255,138,0,0.10);
  border-color: rgba(255,179,0,0.75);
  transform: none;
  box-shadow: none;
}
.btn-ghost {
  background: transparent;
  border: 1px solid var(--v1-rule);
  color: var(--v1-paper-2);
}
.btn-ghost:hover { background: rgba(244,239,230,0.04); border-color: var(--v1-paper-3); color: var(--v1-paper); }
.theme-light .btn-ghost { border-color: var(--v1-ink-4); color: var(--v1-ink-2); }
.theme-light .btn-ghost:hover { background: rgba(11,9,7,0.04); border-color: var(--v1-ink-3); color: var(--v1-ink); }
.theme-light .btn-molten {
  background: rgba(255,255,255,0.6);
  color: var(--v1-ink);
  border-color: rgba(255,138,0,0.50);
}
.theme-light .btn-molten:hover {
  background: rgba(255,138,0,0.08);
  border-color: rgba(255,138,0,0.85);
}

/* ─────────── Nav (over both themes) ─────────── */
.nav { color: var(--v1-paper); border-bottom: 1px solid transparent; }
.nav.scrolled {
  background: rgba(11,9,7,0.78);
  border-bottom-color: var(--v1-rule);
}
.nav.over-light { color: var(--v1-ink); }
.nav.over-light.scrolled {
  background: rgba(244,239,230,0.85);
  border-bottom-color: var(--v1-ink-4);
}
.nav-links a { color: var(--v1-paper-2); font-family: var(--v1-mono); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; }
.nav.over-light .nav-links a { color: var(--v1-ink-2); }
.nav-links a:hover { color: var(--v1-paper); }
.nav.over-light .nav-links a:hover { color: var(--v1-ink); }

/* ─────────── Cards / surfaces ─────────── */
.calc-card,
.cw-detail,
.wf-detail,
.stack-diagram,
.timeline-step,
.meet-card {
  background: rgba(11,9,7,0.85);
  border: 1px solid var(--v1-rule);
  border-radius: 6px;
  box-shadow: none;
  color: var(--v1-paper);
}
.calc-card::before { background: linear-gradient(to right, transparent, var(--v1-gold-300), transparent); }

/* Hairline rules everywhere */
.calc-card-head,
.cw-detail-head,
.wf-detail-head,
.faq-item,
.faq-item:last-child,
.cw-list,
.cw-item,
.wf-list,
.wf-item,
.stack-row + .stack-row,
.bookrow + .bookrow,
.calc-row + .calc-row,
.footer-grid {
  border-color: var(--v1-rule);
}
.theme-light .faq-item,
.theme-light .faq-item:last-child,
.theme-light .cw-item,
.theme-light .wf-item,
.calc-section .micro-stats,
.faq-section .faq-item,
.faq-section .faq-item:last-child,
.faq .faq-item,
.faq .faq-item:last-child,
.workforce .wf-item,
.workforce .wf-list,
.coworkers .cw-item,
.coworkers .cw-list { border-color: var(--v1-ink-4); }

/* Number/big readouts */
.calc-bignum { color: var(--v1-paper); text-shadow: none; }
.calc-bignum em { background: linear-gradient(180deg, #FFE5A8, #FFB300 55%, #FF8A00); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.calc-bignum-currency { color: transparent; }

/* Toggle pill → calm pill */
.hero-eyebrow,
.tag {
  background: rgba(11,9,7,0.45);
  border-color: rgba(255,179,0,0.30);
  font-family: var(--v1-mono);
  font-size: 10px;
  letter-spacing: 0.18em;
  color: var(--v1-paper-3);
  font-weight: 400;
}
.theme-light .tag { background: rgba(255,255,255,0.5); border-color: var(--v1-ink-4); color: var(--v1-ink-2); }

/* Gold dots / accents */
.tag .dot,
.section-eyebrow::before,
.trust-label::before,
.calc-card-head-live::before,
.cw-detail-head .live::before,
.cw-item.active::before,
.wf-item.active::before,
.loop-step::before,
.stack-arrow span,
.leak-panel.active::before { background: var(--v1-gold-300); box-shadow: 0 0 8px rgba(255,179,0,0.55); }

/* ─────────── Trust strip ─────────── */
.trust { padding: 56px 0 44px; border-top: 1px solid var(--v1-rule); }
.trust .container { max-width: 1400px; margin: 0 auto; padding: 0 64px; }
.trust-inner {
  display: flex; flex-direction: column; align-items: center; gap: 28px;
}
.trust-label {
  display: inline-flex; align-items: center; gap: 10px;
  font-family: var(--v1-mono); font-size: 10px; letter-spacing: 0.22em;
  text-transform: uppercase; color: var(--v1-paper-3);
}
.trust-label .dot {
  width: 5px; height: 5px; border-radius: 50%;
  background: var(--v1-gold-300);
  box-shadow: 0 0 6px rgba(255,179,0,0.55);
}
.trust-logos {
  display: flex; align-items: baseline; justify-content: center;
  gap: clamp(28px, 5vw, 72px); flex-wrap: wrap;
}
.trust-logo {
  display: inline-flex; flex-direction: column; align-items: center; gap: 4px;
  opacity: 0.6;
  transition: opacity 280ms ease;
}
.trust-logo:hover { opacity: 1; }
.trust-logo-name {
  font-family: var(--v1-serif); font-style: normal; font-weight: 400;
  font-size: clamp(20px, 2.4vw, 30px);
  letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--v1-paper-2);
}
.trust-logo-sub {
  font-family: var(--v1-mono); font-size: 8.5px; letter-spacing: 0.20em;
  text-transform: uppercase; color: var(--v1-paper-4);
}
.trust-foot {
  margin: 28px auto 0; text-align: center;
  font-family: var(--v1-mono); font-size: 9px; letter-spacing: 0.20em;
  text-transform: uppercase; color: var(--v1-paper-4);
  font-style: italic;
}
@media (max-width: 720px) {
  .trust .container { padding: 0 24px; }
  .trust-logos { gap: 24px; }
}

/* ─────────── Calculator ─────────── */
.calc-section {
  padding: 140px 0 160px;
  background:
    radial-gradient(900px 600px at 80% 10%, rgba(255,138,0,0.08), transparent 60%),
    var(--v1-cream);
}
.calc-card {
  background:
    radial-gradient(600px 300px at 100% 0%, rgba(255,138,0,0.10), transparent 60%),
    var(--v1-bg-2);
  padding: 36px;
}
.calc-row-head label { color: var(--v1-paper-2); font-weight: 300; }
.calc-val { color: var(--v1-gold-300); font-family: var(--v1-mono); font-size: 11px; letter-spacing: 0.10em; }
.calc-bucket-label { color: var(--v1-paper-2); font-size: 13.5px; }
.calc-bucket-val { color: var(--v1-paper); font-family: var(--v1-mono); font-size: 12px; letter-spacing: 0.06em; }
.micro-stat-num { color: var(--v1-gold-500); font-family: var(--v1-sans); font-size: 32px; font-weight: 300; letter-spacing: -0.02em; }
.micro-stat-num em { background: linear-gradient(180deg, #FFE5A8, #FFB300 55%, #FF8A00); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; font-family: var(--v1-serif); font-style: italic; }
.micro-stat-label { color: var(--v1-ink-3); }
.calc-slider { background: var(--v1-rule); }
.calc-slider::-webkit-slider-thumb { background: linear-gradient(180deg, #FFE5A8, #FFB300); border-color: var(--v1-bg-2); }

/* ─────────── Meet section ─────────── */
.meet-section { padding: 140px 0; background: var(--v1-bg); }
.meet-section::before { background: radial-gradient(700px 500px at 50% 50%, rgba(255,138,0,0.06), transparent 60%); }
.meet-card {
  background: rgba(20,16,8,0.6);
  border: 1px solid var(--v1-rule);
  border-radius: 6px;
}
.meet-card:hover { border-color: rgba(255,179,0,0.30); }
.meet-card-app { color: var(--v1-gold-300); font-family: var(--v1-mono); }
.meet-card-meta { color: var(--v1-paper-3); }
.meet-card-body { color: var(--v1-paper-2); font-weight: 300; font-size: 13.5px; }
.meet-card-body b { color: var(--v1-paper); font-weight: 400; }
.meet-caption { color: var(--v1-paper-3); font-family: var(--v1-mono); letter-spacing: 0.20em; }
.meet-caption strong { color: var(--v1-gold-300); }

/* The big orb — keep but calm the glow */
.meet-orb {
  background: radial-gradient(circle at 30% 25%, #FFE5A8 0%, #FFB300 25%, #FF8A00 55%, #6B3D08 90%);
  box-shadow: 0 0 80px rgba(255,138,0,0.35), 0 0 200px rgba(255,138,0,0.20),
    inset -20px -30px 60px rgba(0,0,0,0.45),
    inset 30px 40px 80px rgba(255,229,168,0.3);
}

/* ─────────── Workforce / Co-workers ─────────── */
.workforce, .coworkers { padding: 140px 0; background: var(--v1-cream); }
.workforce .section-title em,
.coworkers .section-title em,
.stack .section-title em,
.faq .section-title em { background: linear-gradient(180deg, #FFB300, #FF8A00); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.cw-name, .wf-name { font-family: var(--v1-sans); font-weight: 300; font-size: 22px; letter-spacing: -0.02em; color: var(--v1-ink-2); }
.cw-item.active .cw-name, .cw-item:hover .cw-name,
.wf-item.active .wf-name, .wf-item:hover .wf-name { color: var(--v1-gold-500); }
.cw-tag, .wf-tag { color: var(--v1-ink-3); font-family: var(--v1-sans); font-size: 13px; }
.cw-detail, .wf-detail {
  background: var(--v1-bg-2);
  border: 1px solid var(--v1-rule);
  border-radius: 6px;
  box-shadow: none;
}
.cw-detail-screen { background: rgba(244,239,230,0.03); border-color: var(--v1-rule); }
.cw-detail-tag, .wf-detail-tag { font-family: var(--v1-serif); font-style: italic; font-weight: 300; }

/* ─────────── Stack ─────────── */
.stack-section, .stack { background: var(--v1-bg); padding: 140px 0; }
.stack { background: var(--v1-cream); }
.stack-diagram {
  background: var(--v1-bg-2);
  border-radius: 6px;
  padding: 32px;
}
.stack-row.markoni-row {
  background: linear-gradient(180deg, rgba(255,138,0,0.08), rgba(255,138,0,0.02));
  border: 1px solid rgba(255,179,0,0.30);
  border-radius: 6px;
}
.stack-pill {
  background: rgba(244,239,230,0.03);
  border-color: var(--v1-rule);
  color: var(--v1-paper-2);
  font-family: var(--v1-sans);
  font-weight: 400;
  font-size: 12px;
  letter-spacing: -0.005em;
  border-radius: 999px;
}
.stack-pill-gold {
  background: rgba(255,138,0,0.08);
  border-color: rgba(255,179,0,0.5);
  color: var(--v1-gold-50);
}

/* Timeline */
.timeline-step {
  background: var(--v1-bg-2);
  border-radius: 6px;
}
.timeline-day { color: var(--v1-gold-300); font-family: var(--v1-sans); font-weight: 300; font-size: 28px; letter-spacing: -0.02em; }
.timeline-step h4 { font-family: var(--v1-sans); font-weight: 400; font-size: 16px; color: var(--v1-paper); letter-spacing: -0.01em; }

/* ─────────── Loop ─────────── */
.loop { background: var(--v1-bg); padding: 140px 0; }
.loop-track { border-color: var(--v1-rule); }
.loop-step::before { background: var(--v1-gold-300); border-color: var(--v1-bg); }
.loop-step:not(:last-child)::after { background: linear-gradient(to right, var(--v1-gold-300), rgba(255,179,0,0.10)); }
.loop-step-idx { color: var(--v1-gold-300); }
.loop-step-title { font-family: var(--v1-sans); font-weight: 300; font-size: 26px; letter-spacing: -0.02em; }

/* ─────────── Leaks ─────────── */
/* .leaks-wrap background removed — Leaks.jsx is theme-aware */
.leaks-wrap { /* background removed */ }
.leak-panel {
  background: linear-gradient(180deg, rgba(244,239,230,0.025) 0%, rgba(244,239,230,0) 60%);
  border: 1px solid var(--v1-rule);
  border-radius: 6px;
}
.leak-panel.active { border-color: rgba(255,179,0,0.40); }
.leak-title { font-family: var(--v1-sans); font-weight: 300; letter-spacing: -0.025em; }
.leak-body { color: var(--v1-paper-2); }
.leak-proof-big { font-family: var(--v1-serif); font-style: italic; font-weight: 300; background: linear-gradient(180deg, #FFE5A8, #FFB300 55%, #FF8A00); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.leaks-progress .lp-tick.active { background: var(--v1-gold-300); }
.leaks-progress .lp-tick.passed { background: var(--v1-paper-3); }

/* ─────────── FAQ ─────────── */
.faq, .faq-section { background: var(--v1-cream); padding: 140px 0; }
.faq-q-text { font-family: var(--v1-sans); font-weight: 300; font-size: 21px; letter-spacing: -0.02em; color: var(--v1-ink); }
.faq-num { color: var(--v1-gold-500); font-family: var(--v1-mono); font-size: 10px; letter-spacing: 0.16em; }
.faq-toggle { color: var(--v1-gold-500); font-weight: 200; }
.faq-a { color: var(--v1-ink-2); font-size: 14.5px; line-height: 1.65; max-width: 64ch; }
.faq-item:hover { background: rgba(11,9,7,0.025); }

/* ─────────── Final CTA ─────────── */
.final-cta {
  background:
    radial-gradient(900px 600px at 50% 50%, rgba(255,138,0,0.18), transparent 60%),
    radial-gradient(1400px 900px at 50% 110%, rgba(255,107,0,0.10), transparent 70%),
    var(--v1-bg);
  padding: 200px 0 220px;
  position: relative;
}
.final-cta::before {
  content: "";
  position: absolute; inset: 0;
  background: radial-gradient(ellipse 700px 500px at 50% 55%, rgba(255,138,0,0.35), transparent 65%);
  opacity: 0.65;
  pointer-events: none;
}
.final-cta::after {
  content: "";
  position: absolute; left: 0; right: 0; top: 0; height: 1px;
  background: linear-gradient(to right, transparent, var(--v1-gold-300) 50%, transparent);
  opacity: 0.45;
}
.final-title { font-family: var(--v1-sans); font-weight: 300; letter-spacing: -0.035em; }
.final-title em,
.final-title .serif { font-family: var(--v1-serif) !important; font-style: italic !important; font-weight: 300 !important; background: linear-gradient(180deg, #FFE5A8, #FFB300 55%, #FF8A00); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent !important; filter: none; }
.final-sub { color: var(--v1-paper-2); font-weight: 300; }

/* ─────────── Footer ─────────── */
.footer { background: var(--v1-bg-2); border-top-color: var(--v1-rule); padding: 64px 0 36px; }
.footer-grid { border-bottom-color: var(--v1-rule); }
.footer-brand-mark { font-family: var(--v1-sans); font-weight: 300; font-size: 22px; letter-spacing: -0.02em; }
.footer-blurb { color: var(--v1-paper-3); font-weight: 300; font-size: 13.5px; }
.footer-col-label { color: var(--v1-gold-300); font-family: var(--v1-mono); font-size: 10px; letter-spacing: 0.18em; }
.footer-col a { color: var(--v1-paper-2); font-family: var(--v1-sans); font-size: 13.5px; font-weight: 300; }
.footer-col a:hover { color: var(--v1-gold-300); }
.footer-foot { color: var(--v1-paper-3); font-family: var(--v1-mono); font-size: 10px; letter-spacing: 0.16em; border-top-color: var(--v1-rule); }

/* ─────────── Section heads — generous, calm ─────────── */
.section-head { gap: 18px; margin-bottom: 72px; max-width: 720px; }
.section-eyebrow { font-family: var(--v1-mono); font-size: 10px; letter-spacing: 0.20em; color: var(--v1-gold-300); }

/* Container width parity with V1 hero */
.container, .nav-inner { max-width: 1320px; }

/* ─────────── Selection / global polish ─────────── */
::selection { background: var(--v1-gold-300); color: var(--v1-bg); }

/* ─────────── Atmospheric dark sections (V1 signature) ─────────── */
/* Subtle radial molten ambience on warm-black sections */
.meet-section,
.leaks-wrap,
.loop,
.final-cta {
  position: relative;
}
.meet-section::after,
.leaks-wrap::after,
.loop::after {
  content: "";
  position: absolute; inset: 0;
  pointer-events: none;
  background:
    radial-gradient(1200px 800px at 85% 15%, rgba(255,138,0,0.05), transparent 60%),
    radial-gradient(1000px 700px at 10% 90%, rgba(255,107,0,0.03), transparent 65%);
  z-index: 0;
}
.meet-section > *,
.loop > *,
.final-cta > * { position: relative; z-index: 1; }
/* leaks-wrap intentionally excluded — its child .leaks-stage uses position:sticky for scroll pin */
.leaks-wrap > .leaks-stage { z-index: 1; }

/* Hairline gold separators between dark→cream and cream→dark */
.section-bleed {
  height: 1px;
  background: linear-gradient(to right, transparent 10%, rgba(255,179,0,0.45) 50%, transparent 90%) !important;
  border: none;
  margin: 0;
}