/* ════════════════════════════════════════════════════════════════
   NOVA TRADING — 2026 MODERN LAYER (loads LAST on every page)
   Refined-evolution refresh: same brand (white + safety-orange),
   modern execution. Safe overrides only — no layout restructuring.
   ════════════════════════════════════════════════════════════════ */

/* ── 1. TOKEN REFRESH ── */
:root{
  --r:12px;
  --border:rgba(232,103,14,.16);
  --border-soft:rgba(15,23,42,.07);
  --shadow:0 1px 2px rgba(15,23,42,.04), 0 8px 28px rgba(15,23,42,.07);
  --shadow-lift:0 2px 4px rgba(15,23,42,.05), 0 18px 44px rgba(15,23,42,.12);
  --grad-gold:linear-gradient(135deg,#F07820 0%,#E8670E 55%,#D95A08 100%);
}
html{accent-color:var(--gold)}
body{font-weight:400}

/* ── 2. TYPOGRAPHY — Fraunces display serif, tuned ── */
h1,h2,h3,h4{
  font-family:'Fraunces',serif;
  font-weight:560;
  font-variation-settings:"opsz" 60, "SOFT" 0, "WONK" 0;
  letter-spacing:-0.015em;
  line-height:1.12;
  text-wrap:balance;
}
h1{font-weight:540;letter-spacing:-0.02em}
p{text-wrap:pretty}
strong,b{font-weight:600}

/* ── 3. NAVBAR — glassier, crisper ── */
#navbar{
  background:rgba(255,255,255,.78);
  backdrop-filter:blur(18px) saturate(1.6);
  -webkit-backdrop-filter:blur(18px) saturate(1.6);
  border-bottom:1px solid rgba(15,23,42,.06);
}
#navbar.scrolled{box-shadow:0 1px 0 rgba(15,23,42,.05), 0 8px 32px rgba(15,23,42,.08)}
.nav-logo{font-family:'Fraunces',serif;font-weight:600;letter-spacing:.11em;font-variation-settings:"opsz" 40}
.nav-cta{border-radius:999px;background:var(--navy);transition:background var(--tr),transform .18s ease,box-shadow .18s ease}
.nav-cta:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(15,23,42,.22)}
.nav-inquiry{border-radius:999px;transition:background var(--tr),transform .18s ease,box-shadow .18s ease}
.nav-inquiry:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(37,211,102,.32)}

/* dropdown — softer, floatier */
.dropdown-menu{
  border-radius:16px;
  border:1px solid rgba(15,23,42,.07);
  box-shadow:0 2px 6px rgba(15,23,42,.05), 0 24px 60px rgba(15,23,42,.14);
  padding:10px 6px;
  animation:ddIn .18s cubic-bezier(.16,1,.3,1) both;
}
.dropdown-menu::after{display:none}
.dropdown-menu li a{border-radius:10px;margin:0 4px;padding:9px 16px}
.dropdown-menu li a:hover{background:var(--gold-pale)}
@keyframes ddIn{from{opacity:0;transform:translateX(-50%) translateY(6px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}

/* ── 4. BUTTONS — everywhere ── */
.btn,.btn-primary,.btn-wa,
.hcta-primary,.hcta-secondary,.hcta-wa,
.calc-wa-btn,.cart-send-btn,.submit-btn,.footer-map-btn,
.mobile-menu-cta{
  border-radius:999px;
  transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s ease,background .18s ease,color .18s ease,border-color .18s ease;
}
.btn-primary,.hcta-primary{background:var(--grad-gold);box-shadow:0 1px 2px rgba(184,66,12,.25), 0 8px 20px rgba(232,103,14,.22)}
.btn-primary:hover,.hcta-primary:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(184,66,12,.28), 0 14px 30px rgba(232,103,14,.32)}
.btn-wa:hover,.hcta-wa:hover,.calc-wa-btn:hover,.cart-send-btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(37,211,102,.32)}
.btn:active,.btn-primary:active,.btn-wa:active{transform:translateY(0) scale(.98)}

/* ── 5. CARDS — layered shadows, gentle lift ── */
.price-card,.card,.proof-card,.tcard,.use-case-item,.quick-facts,
.hero-proof-card,.hero-process-card,.calc-card,.ops-card,.pa-card,
.btr-card,.faq-item{
  border-radius:16px;
  border:1px solid var(--border-soft);
  box-shadow:var(--shadow);
  transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s ease,border-color .28s ease;
}
.price-card:hover,.card:hover,.proof-card:hover,.tcard:hover,
.use-case-item:hover,.ops-card:hover,.btr-card:hover{
  transform:translateY(-4px);
  box-shadow:var(--shadow-lift);
  border-color:var(--border);
}
@media(hover:none){
  .price-card:hover,.card:hover,.proof-card:hover,.tcard:hover,
  .use-case-item:hover,.ops-card:hover,.btr-card:hover{transform:none}
}

/* ── 6. BADGES & CHIPS — pill everything ── */
.badge,.pill,.price-chip,.hero-badge,.hero-proof-tag,.slide-badge,
.class-badge-a,.class-badge-b,.class-badge-c,.class-badge-mm,
.calc-badge,.ftag{border-radius:999px}

/* ── 7. TABLES — contained, sticky headers, row hover ── */
.master-table-wrap,.size-table-wrap,.table-scroll,.overflow-x{
  border-radius:16px;
  border:1px solid var(--border-soft);
  box-shadow:var(--shadow);
  overflow:hidden;
  overflow-x:auto;
}
.master-table th,.size-table th{
  position:sticky;top:0;z-index:2;
  background:var(--navy);
  letter-spacing:.08em;
}
.master-table tbody tr,.size-table tbody tr{transition:background .15s ease}
.master-table tbody tr:hover,.size-table tbody tr:hover{background:var(--gold-pale)}

/* ── 8. IMAGERY — rounded, subtle depth ── */
.feature-photo,.feature-photo img,.img-content-pair img{border-radius:16px}
.feature-photo{box-shadow:var(--shadow);overflow:hidden}
.feature-photo img{transition:transform .6s cubic-bezier(.16,1,.3,1)}
.feature-photo:hover img{transform:scale(1.025)}

/* ── 9. ARTICLE / GUIDE PAGES ── */
.hero-page{
  padding-top:112px;
  background:
    radial-gradient(1100px 480px at 85% -10%, rgba(232,103,14,.10), transparent 60%),
    radial-gradient(700px 420px at -10% 110%, rgba(15,23,42,.05), transparent 60%),
    #fff;
}
.breadcrumb{font-size:.72rem;letter-spacing:.12em}
.faq-q{font-weight:500}
.cta-strip{border-radius:20px;overflow:hidden}

/* readable measure + rhythm on long-form content */
.section .si > p, .section-alt .si > p{max-width:72ch}

/* ── 10. FOOTER — quiet premium ── */
footer,.footer-main{position:relative}
.footer-main::before,footer::before{
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(232,103,14,.45),transparent);
}

/* ── 11. MICRO-DETAILS ── */
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:8px}
.faq-item{overflow:hidden}
.quick-fact{transition:background .15s ease}
.testi-google-btn,.grb-text{border-radius:999px}
input,select,textarea{
  border-radius:10px !important;
  transition:border-color .15s ease, box-shadow .15s ease;
}
input:focus,select:focus,textarea:focus{
  border-color:var(--gold) !important;
  box-shadow:0 0 0 3px rgba(232,103,14,.14);
  outline:none;
}

/* smooth scroll-margin so anchor jumps clear the fixed nav */
[id]{scroll-margin-top:88px}

/* ── 12. MOTION SAFETY ── */
@media(prefers-reduced-motion:reduce){
  .dropdown-menu{animation:none}
  .feature-photo img,.price-card,.card,.proof-card,.tcard{transition:none}
}