/* /why-nova/: styles from the WordPress page https://novatools.org/why-nova/ (ported by scripts/port/port.mjs) */

/* ══════════════════════════════════════════
   NOVA FEATURES — namespace: nvfx-
════════════════════════════════════════════ */
.nvfx-page{font-family:'Figtree',-apple-system,BlinkMacSystemFont,sans-serif;background:#f9fcfe;color:#13233d;-webkit-font-smoothing:antialiased;overflow-x:hidden;line-height:1.5;max-width:100vw;}
.nvfx-page *,.nvfx-page *::before,.nvfx-page *::after{margin:0;padding:0;box-sizing:border-box;}
.nvfx-page img,.nvfx-page svg{display:block;}
.nvfx-page a{text-decoration:none;color:inherit;}

/* Motion */
@keyframes nvfx-fadeUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}
.nvfx-reveal{opacity:0;transform:translateY(20px);transition:opacity .7s cubic-bezier(.23,1,.32,1),transform .7s cubic-bezier(.23,1,.32,1);}
.nvfx-reveal.nvfx-in{opacity:1;transform:translateY(0);}
@media (prefers-reduced-motion:reduce){
  .nvfx-reveal{opacity:1;transform:none;transition:none;}
  .nvfx-page *{animation:none !important;transition:none !important;}
}

.nvfx-container{max-width:1180px;margin:0 auto;padding:0 24px;}
.nvfx-container-narrow{max-width:820px;margin:0 auto;padding:0 24px;}

.nvfx-eyebrow{font-size:.8125rem;font-weight:700;color:#5170ff;letter-spacing:.07em;text-transform:uppercase;margin-bottom:20px;}
.nvfx-h2{font-size:clamp(2rem,3.8vw,2.8rem);font-weight:900;line-height:1.14;letter-spacing:-.028em;color:#13233d;margin-bottom:16px;}
.nvfx-h2-accent{font-family:'Playfair Display',serif;font-style:italic;font-weight:700;}
.nvfx-lead{font-size:1.0625rem;line-height:1.7;color:#13233d;opacity:.72;max-width:640px;}

/* Buttons */
.nvfx-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:15px 28px;border-radius:13px;font-size:.9688rem;font-weight:700;cursor:pointer;transition:all .28s cubic-bezier(.23,1,.32,1);border:none;text-decoration:none;white-space:nowrap;font-family:'Figtree',sans-serif;letter-spacing:-.01em;min-height:46px;}
.nvfx-btn-black{background:#13233d;color:#ffffff !important;box-shadow:0 4px 16px rgba(19,35,61,.2);}
.nvfx-btn-black:hover{background:#edf2f9;color:#13233d !important;box-shadow:inset 0 0 0 2px #13233d,0 6px 20px rgba(19,35,61,.12);transform:translateY(-2px);}
.nvfx-btn-outline{background:rgba(255,255,255,.9);color:#13233d !important;box-shadow:inset 0 0 0 1.5px rgba(211,227,254,.9),0 2px 10px rgba(19,35,61,.05);}
.nvfx-btn-outline:hover{background:#ffffff;box-shadow:inset 0 0 0 1.5px #5170ff,0 6px 18px rgba(81,112,255,.16);transform:translateY(-2px);color:#13233d !important;}

/* HERO */
.nvfx-hero{padding:88px 24px 56px;text-align:center;}
.nvfx-hero-eyebrow{font-size:.8125rem;font-weight:700;color:#5170ff;letter-spacing:.07em;text-transform:uppercase;margin-bottom:20px;animation:nvfx-fadeUp .7s ease-out both;}
.nvfx-hero-h1{font-size:clamp(2.3rem,5.4vw,4rem);font-weight:900;line-height:1.14;letter-spacing:-.038em;color:#13233d;margin:0 auto 22px;max-width:900px;animation:nvfx-fadeUp .7s ease-out .1s both;}
.nvfx-hero-h1 .nvfx-accent{font-family:'Playfair Display',serif;font-style:italic;font-weight:600;color:#5170ff;}
.nvfx-hero-sub{font-size:clamp(1.0313rem,1.7vw,1.1875rem);line-height:1.7;color:#13233d;opacity:.74;max-width:640px;margin:0 auto 32px;animation:nvfx-fadeUp .7s ease-out .22s both;}
.nvfx-hero-ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:22px;animation:nvfx-fadeUp .7s ease-out .32s both;}
.nvfx-hero-proof{font-size:.8125rem;color:#13233d;opacity:.55;letter-spacing:.005em;animation:nvfx-fadeUp .7s ease-out .38s both;}

/* FEATURE OVERVIEW (Nova only) */
.nvfx-overview{padding:80px 0;}
.nvfx-overview-intro{text-align:center;margin-bottom:64px;}
.nvfx-overview-intro .nvfx-h2{margin-bottom:16px;}
.nvfx-overview-intro .nvfx-lead{margin:0 auto;}

.nvfx-ov-group{padding:36px 0;border-top:1px solid rgba(19,35,61,.09);}
.nvfx-ov-group:first-child{border-top:none;padding-top:8px;}
.nvfx-ov-group-name{font-size:.8125rem;font-weight:800;color:#5170ff;text-transform:uppercase;letter-spacing:.08em;margin-bottom:24px;}
.nvfx-ov-list{display:grid;grid-template-columns:1fr 1fr;gap:28px 48px;}
.nvfx-ov-item{}
.nvfx-ov-item-name{font-size:1rem;font-weight:800;color:#13233d;margin-bottom:6px;letter-spacing:-.015em;}
.nvfx-ov-item-desc{font-size:.9375rem;line-height:1.6;color:#13233d;opacity:.72;}

@media (max-width:640px){
  .nvfx-overview{padding:56px 0;}
  .nvfx-ov-list{grid-template-columns:1fr;gap:22px;}
  .nvfx-ov-group{padding:28px 0;}
}

/* COMPARISON TABLE */
.nvfx-compare{padding:88px 0;}
.nvfx-compare-intro{text-align:center;margin-bottom:56px;}
.nvfx-compare-intro .nvfx-lead{margin:0 auto;}

.nvfx-table{background:#ffffff;border:1px solid rgba(19,35,61,.08);border-radius:16px;overflow:hidden;}

/* Header row */
.nvfx-table-header{display:grid;grid-template-columns:1fr 480px;gap:0;background:#f9fcfe;border-bottom:1px solid rgba(19,35,61,.08);}
.nvfx-header-cell{font-size:.6875rem;font-weight:800;color:#4a5c78;text-transform:uppercase;letter-spacing:.08em;padding:16px 12px;text-align:center;}
.nvfx-feature-cell.nvfx-header-cell{text-align:left;padding-left:24px;}
.nvfx-header-nova{color:#5170ff;}

/* Group header (section within table) */
.nvfx-group-header{font-size:.75rem;font-weight:800;color:#4a5c78;text-transform:uppercase;letter-spacing:.09em;padding:22px 24px 10px;background:#f9fcfe;border-top:1px solid rgba(19,35,61,.05);}
.nvfx-group-header:first-of-type{border-top:none;padding-top:20px;}

/* Feature row */
.nvfx-row{display:grid;grid-template-columns:1fr 480px;gap:0;align-items:center;border-top:1px solid rgba(19,35,61,.05);}
.nvfx-feature-cell{padding:16px 24px;}
.nvfx-feature-name{font-size:.9375rem;font-weight:600;color:#13233d;line-height:1.4;}

/* Indicator cells */
.nvfx-indicators{display:grid;grid-template-columns:repeat(8,1fr);gap:0;align-items:center;justify-items:center;height:100%;padding:14px 0;}
.nvfx-cell{display:flex;align-items:center;justify-content:center;min-height:24px;}
.nvfx-dot{width:10px;height:10px;border-radius:50%;display:inline-block;transition:transform .2s ease;}
.nvfx-dot-nova{background:#5170ff;box-shadow:0 0 0 3px rgba(81,112,255,.12);}
.nvfx-dot-full{background:#13233d;}
.nvfx-dot-empty{background:transparent;border:1px solid rgba(19,35,61,.18);width:8px;height:8px;}

/* Sticky header for tall tables */
@media (min-width:900px){
  .nvfx-table-header{position:sticky;top:0;z-index:5;}
}

/* Mobile: table converts to stacked view */
@media (max-width:900px){
  .nvfx-table-header{display:none;}
  .nvfx-group-header{padding:24px 20px 10px;}
  .nvfx-row{display:block;padding:20px 20px;border-top:1px solid rgba(19,35,61,.06);}
  .nvfx-feature-cell{padding:0 0 12px 0;}
  .nvfx-feature-name{font-size:1rem;font-weight:800;}
  .nvfx-indicators{display:flex;flex-wrap:wrap;gap:14px 20px;justify-content:flex-start;padding:0;}
  .nvfx-cell{position:relative;flex-direction:column;gap:6px;min-height:auto;}
  .nvfx-cell::after{content:attr(data-name);display:block;font-size:.6875rem;font-weight:700;color:#4a5c78;text-transform:uppercase;letter-spacing:.06em;}
}

/* Legend */
.nvfx-legend{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-top:28px;font-size:.8125rem;color:#13233d;opacity:.65;}
.nvfx-legend-item{display:inline-flex;align-items:center;gap:8px;}

/* NOTE below table */
.nvfx-compare-note{text-align:center;font-size:.8125rem;color:#13233d;opacity:.55;margin-top:16px;font-style:italic;max-width:680px;margin-left:auto;margin-right:auto;}

/* FINAL CTA */
.nvfx-final{padding:96px 24px;}
.nvfx-final-card{max-width:720px;margin:0 auto;text-align:center;}
.nvfx-final-title{font-size:clamp(1.9rem,3.8vw,2.6rem);font-weight:900;line-height:1.14;letter-spacing:-.028em;color:#13233d;margin-bottom:20px;}
.nvfx-final-sub{font-size:1.0625rem;line-height:1.7;color:#13233d;opacity:.72;max-width:560px;margin:0 auto 32px;}
.nvfx-final-ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.nvfx-final-micro{font-size:.8125rem;font-weight:500;color:#13233d;opacity:.5;margin-top:22px;}

/* STICKY CTA */
.nvfx-sticky-cta{position:fixed;bottom:22px;left:50%;transform:translateX(-50%) translateY(0);z-index:999;display:inline-flex;align-items:center;gap:8px;padding:11px 21px;min-height:0;width:auto !important;border-radius:12px;font-size:.9375rem;font-weight:700;background:#13233d;color:#ffffff !important;box-shadow:0 6px 20px rgba(19,35,61,.28),0 0 0 3px rgba(255,255,255,.65);opacity:1;transition:all .28s cubic-bezier(.23,1,.32,1);text-decoration:none;font-family:'Figtree',sans-serif;letter-spacing:-.01em;}
.nvfx-sticky-cta.nvfx-sticky-hide{opacity:0;transform:translateX(-50%) translateY(14px);pointer-events:none;}
.nvfx-sticky-cta:hover{transform:translateX(-50%) translateY(-2px);background:#edf2f9;color:#13233d !important;box-shadow:inset 0 0 0 2px #13233d,0 6px 20px rgba(19,35,61,.12),0 0 0 3px rgba(255,255,255,.85);}

@media (max-width:640px){
  .nvfx-hero{padding:64px 22px 40px;}
  .nvfx-compare{padding:56px 0;}
  .nvfx-final{padding:64px 24px;}
  .nvfx-btn{padding:14px 22px;font-size:.9375rem;}
}