/* ═══════════════════════════════════════════════════════════════════════
   public.css — ONE stylesheet for every public marketing page (homepage,
   features, pricing, security, contact, integrations, about, signup, the
   ad landing page, and the plain legal pages). Consolidated from what
   used to be separate homepage.css / features-page.css / pricing-page.css
   / security-page.css / contact-page.css / integrations-page.css /
   about-page.css / signup-page.css / lp-page.css / legal-simple-page.css
   / design-tokens.css files, per explicit instruction to keep public-site
   CSS in a single file instead of many small ones.

   Loaded once, sitewide, via includes/site-shell.php's renderSeoHead()
   (right after the main style-consolidated.css link) — no page needs its
   own <link> tag for page-specific styles any more.

   Each section below is kept under its own class prefix from when it was
   a separate file (hp- homepage, feat- features, pp- pricing, sec-
   security, ct- contact, int- integrations, ab- about, su- signup, lp-
   landing page, ls- simple legal pages) so nothing collides — that
   discipline is what makes merging these safe. Reuses tokens already
   defined in style-consolidated.css (--flame, --paper, --smoke, --ink,
   --muted, --line, --fd/--fb/--fm, --r/--r-lg, --sh1..4,
   --public-max/--public-pad, [data-theme="dark"] overrides) — never
   redefines them.

   NOTE: style-consolidated.css itself is a separate, much older file
   with a known structural problem (one 400KB+ line from years of pasted
   overrides) — this file is deliberately kept apart from it rather than
   appended to it, so it doesn't inherit that problem. Real newlines only,
   readable top to bottom — the whole point of this consolidation was to
   have ONE file, not one unreadable line.
   ═══════════════════════════════════════════════════════════════════════ */


/* ═══════════════════════════════════════════════════════════
   LOCAL BRAND FONTS (Axiforma)
   ═══════════════════════════════════════════════════════════ */
@font-face {
  font-family: "Axiforma";
  font-weight: 400;
  font-style: normal;
  src: url("assets/fonts/axiforma/woff2/Axiforma Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Axiforma";
  font-weight: 500;
  font-style: normal;
  src: url("assets/fonts/axiforma/woff2/Axiforma Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Axiforma";
  font-weight: 600;
  font-style: normal;
  src: url("assets/fonts/axiforma/woff2/Axiforma Semi Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Axiforma";
  font-weight: 700;
  font-style: normal;
  src: url("assets/fonts/axiforma/woff2/Axiforma Bold.woff2") format("woff2");
}

/* ═══════════════════════════════════════════════════════════
   DESIGN TOKENS — spacing/type/radius scale + navy surface,
   used across every section below.
   ═══════════════════════════════════════════════════════════ */
:root{
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:24px;
  --space-6:32px;
  --space-7:48px;
  --space-8:64px;
  --space-9:80px;
  --space-10:96px;
  --space-11:120px;

  --text-xs:clamp(.72rem,.68rem + .2vw,.78rem);
  --text-sm:clamp(.85rem,.8rem + .2vw,.92rem);
  --text-md:clamp(.95rem,.9rem + .25vw,1rem);
  --text-lg:clamp(1.1rem,1rem + .5vw,1.3rem);
  --text-xl:clamp(1.4rem,1.2rem + 1vw,1.8rem);
  --text-2xl:clamp(1.8rem,1.5rem + 1.5vw,2.4rem);
  --text-display:clamp(2.1rem,1.6rem + 2.5vw,3.6rem);

  /* Aliases onto the existing --r/--r-lg/--r-xl scale already defined
     in style-consolidated.css, plus one new mid step — never a second,
     conflicting set of radius values. */
  --radius-sm:var(--r,8px);
  --radius-md:12px;
  --radius-lg:var(--r-lg,16px);
  --radius-xl:var(--r-xl,24px);

  /* Navy — a distinct dark-blue surface used for the homepage hero/nav/
     footer treatment, kept separate from --ink (the near-black used
     elsewhere, e.g. .hp-cta-band) since they're visually different hues,
     not two names for the same color. */
  --navy:#0a1a2f;
  --navy-2:#0f2544;
  --navy-line:rgba(255,255,255,.1);

  /* Global AgencyNest design token bindings (homepage & subpage unified) */
  --an-ink: var(--ds-text_on_light, var(--ink));
  --an-paper: var(--paper);
  --an-orange: var(--ds-accent, var(--flame));
  --an-muted: var(--muted);
  --an-rule: var(--line);

  /* Unified super-admin font aliases — eliminates any serif leakage sitewide */
  --fd: var(--f-display, var(--font-display, 'Syne', sans-serif));
  --fb: var(--f-body, var(--font-body, 'DM Sans', sans-serif));
  --fm: var(--f-mono, var(--font-data, 'JetBrains Mono', monospace));
  --font-display: var(--f-display, 'Syne', sans-serif);
  --font-body: var(--f-body, 'DM Sans', sans-serif);
  --font-data: var(--f-mono, 'JetBrains Mono', monospace);
}


/* ═══════════════════════════════════════════════════════════
   HOMEPAGE (index.php) — prefix .hp-
   Classes reused as-is from style-consolidated.css: .btn,
   .btn-primary, .trust-strip*, .process-section/.process-steps-row/
   .process-step*, .grid/.grid-2/.grid-3/.grid-4.
   ═══════════════════════════════════════════════════════════ */

.hp-wrap {
  max-width: 1240px;
  margin: 0 auto;
  padding-left: clamp(20px, 5vw, 72px);
  padding-right: clamp(20px, 5vw, 72px);
}

.hp-section{padding:clamp(3rem,7vw,5rem) var(--public-pad);background:var(--paper)}
.hp-section-alt{background:var(--smoke)}

.hp-sec-head{margin-bottom:2.75rem}
.hp-sec-head.hp-center{text-align:center}
.hp-sec-head.hp-center .hp-sec-sub{margin-left:auto;margin-right:auto}
.hp-eyebrow{font-family:var(--fm);font-size:.72rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--flame);margin-bottom:.75rem}
.hp-sec-title{font-family:var(--fd);font-size:clamp(1.6rem,3.2vw,2.3rem);font-weight:700;color:var(--ink);line-height:1.2;margin-bottom:.6rem}
.hp-sec-sub{font-size:.98rem;color:var(--muted);max-width:560px;line-height:1.6}

/* ── HERO ── */
.hp-hero {
  padding: clamp(100px, 11vw, 130px) var(--public-pad) clamp(32px, 5vw, 48px);
  text-align: center;
  background: var(--an-ink);
  color: #fff;
  position: relative;
  overflow: hidden;
}
.hp-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: var(--an-orange);
  padding: 6px 16px;
  border-radius: 99px;
  font-size: .8rem;
  font-weight: 600;
  margin-bottom: 1.4rem;
}
.hp-hero-dot {
  width: 7px;
  height: 7px;
  background: var(--an-orange);
  border-radius: 50%;
  animation: hpPulse 2s infinite;
}
@keyframes hpPulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: .5; transform: scale(.8); }
}
.hp-hero-title {
  font-family: var(--fd);
  font-size: clamp(2.1rem, 5.2vw, 3.6rem);
  font-weight: 700;
  color: #fff;
  line-height: 1.15;
  margin: 0 auto .9rem;
  max-width: 820px;
}
.hp-hero-sub {
  font-size: 1.08rem;
  color: rgba(255, 255, 255, 0.72);
  max-width: 600px;
  margin: 0 auto 1.9rem;
  line-height: 1.65;
}
.hp-hero-ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:1.1rem}
.hp-btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;border-radius:var(--r-lg);font-weight:600;font-size:.95rem;font-family:var(--fb);text-decoration:none;cursor:pointer;background:var(--paper);color:var(--flame);border:1.5px solid var(--flame-border,rgba(230,61,10,.28));transition:background .2s}
.hp-btn-ghost:hover{background:var(--flame-soft,rgba(230,61,10,.09))}
.hp-hero-trust{font-size:.78rem;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
.hp-trust-sep{width:3px;height:3px;background:var(--line);border-radius:50%}

.hp-hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:3.2rem auto 0;max-width:920px}
.hp-stat{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:1.2rem 1rem;text-align:left;box-shadow:var(--sh1);transition:transform .2s,box-shadow .2s}
.hp-stat:hover{transform:translateY(-2px);box-shadow:var(--sh2)}
.hp-stat-icon{width:38px;height:38px;border-radius:10px;background:var(--flame-soft,rgba(230,61,10,.09));color:var(--flame);display:flex;align-items:center;justify-content:center;font-size:1.1rem;margin-bottom:.7rem}
.hp-stat-val{font-family:var(--fd);font-size:1.35rem;font-weight:700;color:var(--ink)}
.hp-stat-lbl{font-size:.72rem;color:var(--muted);margin-top:.2rem}

/* ── PROBLEM ── */
.hp-problem-tools{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 auto;max-width:680px}
.hp-tool-chip{display:inline-flex;align-items:center;gap:7px;background:var(--smoke);border:1px solid var(--line);border-radius:99px;padding:8px 16px;font-size:.82rem;color:var(--muted);font-weight:600}
.hp-tool-chip i{color:#dc2626;font-size:.72rem}
.hp-problem-resolve{text-align:center;font-family:var(--fd);font-size:clamp(1.1rem,2.4vw,1.4rem);font-weight:700;color:var(--flame);margin-top:2.2rem}

/* ── WORKFLOW ── */
.hp-workflow{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0;margin-top:.5rem}
.hp-workflow-node{display:flex;flex-direction:column;align-items:center;gap:.6rem;text-align:center;width:120px}
.hp-workflow-icon{width:52px;height:52px;border-radius:14px;background:var(--paper);border:1.5px solid var(--line);color:var(--flame);display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:var(--sh1);transition:transform .2s,border-color .2s}
.hp-workflow-node:hover .hp-workflow-icon{transform:translateY(-3px);border-color:var(--flame)}
.hp-workflow-label{font-size:.78rem;font-weight:700;color:var(--ink)}
.hp-workflow-arrow{color:var(--line);font-size:1.1rem;margin:0 6px;flex-shrink:0}
@media(max-width:900px){
  .hp-workflow{flex-direction:column;gap:6px}
  .hp-workflow-arrow{transform:rotate(90deg);margin:2px 0}
}

/* ── FEATURE GRID (still used by lp/index.php) ── */
.hp-feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.hp-feat-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:1.6rem;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s}
.hp-feat-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--flame);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.hp-feat-card:hover::after{transform:scaleX(1)}
.hp-feat-card:hover{transform:translateY(-3px);box-shadow:var(--sh2);border-color:transparent}
.hp-feat-icon{width:44px;height:44px;border-radius:12px;background:var(--flame-soft,rgba(230,61,10,.09));color:var(--flame);display:flex;align-items:center;justify-content:center;font-size:1.15rem;margin-bottom:1rem}
.hp-feat-name{font-family:var(--fd);font-size:1.02rem;font-weight:700;color:var(--ink);margin-bottom:.4rem}
.hp-feat-desc{font-size:.85rem;color:var(--muted);line-height:1.6}

/* ── PRICING (homepage's own condensed section) ── */
.hp-pricing-toggle{display:inline-flex;background:var(--smoke);border:1px solid var(--line);border-radius:99px;padding:4px;margin-bottom:2.6rem}
.hp-tog-btn{padding:9px 22px;border-radius:99px;border:none;background:none;font-size:.88rem;font-weight:700;color:var(--muted);cursor:pointer;transition:.2s;font-family:var(--fb)}
.hp-tog-btn.hp-active{background:var(--paper);color:var(--ink);box-shadow:var(--sh1)}
.hp-save-tag{background:#059669;color:#fff;font-size:.62rem;font-weight:800;padding:2px 8px;border-radius:99px;margin-left:6px}

.hp-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px;width:100%;margin:0 auto}
.hp-plan{background:var(--paper);border:2px solid var(--line);border-radius:var(--r-lg);padding:1.6rem;display:flex;flex-direction:column;position:relative;transition:transform .2s,box-shadow .2s}
.hp-plan:hover{transform:translateY(-2px);box-shadow:var(--sh2)}
.hp-plan.hp-featured{border-color:var(--flame);box-shadow:0 12px 40px rgba(230,61,10,.15)}
.hp-plan-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--flame);color:#fff;font-size:.68rem;font-weight:800;padding:5px 14px;border-radius:99px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}
.hp-plan-name{font-family:var(--fm);font-size:.78rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}
.hp-plan-price-m,.hp-plan-price-y{font-family:var(--fd);font-size:2rem;font-weight:700;color:var(--ink);line-height:1}
.hp-plan-price-y{display:none}
.hp-plan-cycle{font-size:.8rem;color:var(--muted)}
.hp-plan-save{font-size:.72rem;color:#059669;font-weight:600;margin-top:.3rem;min-height:18px}
.hp-plan-desc{font-size:.82rem;color:var(--muted);margin:.7rem 0 1.1rem;min-height:40px;line-height:1.5}
.hp-plan-cta{background:var(--ink);color:#fff;text-align:center;padding:12px;border-radius:var(--r-lg);font-size:.88rem;font-weight:700;display:block;text-decoration:none;margin-bottom:1.2rem;transition:transform .15s}
.hp-plan.hp-featured .hp-plan-cta{background:var(--flame)}
.hp-plan-cta:hover{transform:translateY(-1px)}
.hp-plan-feats{list-style:none;padding:0;margin:0;border-top:1px solid var(--line);padding-top:1.1rem;flex:1}
.hp-plan-feats li{display:flex;align-items:start;gap:8px;padding:5px 0;font-size:.82rem;color:var(--muted)}
.hp-plan-feats li::before{content:'✓';color:#059669;font-weight:800;flex-shrink:0;margin-top:1px}
.hp-pricing-note{text-align:center;margin-top:1.9rem;font-size:.8rem;color:var(--muted)}

/* ── TESTIMONIALS ── */
.hp-testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.hp-testi-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:1.5rem;display:flex;flex-direction:column;transition:box-shadow .2s}
.hp-testi-card:hover{box-shadow:var(--sh2)}
.hp-testi-stars{color:#f59e0b;font-size:.85rem;margin-bottom:.7rem}
.hp-testi-text{font-size:.88rem;color:var(--muted);line-height:1.7;flex:1;margin-bottom:1.1rem;font-style:italic}
.hp-testi-author{display:flex;align-items:center;gap:12px}
.hp-testi-avatar{width:40px;height:40px;border-radius:50%;background:var(--flame);color:#fff;font-weight:700;font-size:.9rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:var(--fd)}
.hp-testi-name{font-size:.86rem;font-weight:700;color:var(--ink)}
.hp-testi-role{font-size:.74rem;color:var(--muted)}

/* ── FAQ ── */
.hp-faq-list{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
.hp-faq-item{background:var(--paper);border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:border-color .2s}
.hp-faq-item.hp-open{border-color:var(--flame);box-shadow:var(--sh2)}
.hp-faq-q{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;cursor:pointer;font-size:.92rem;font-weight:700;color:var(--ink);width:100%;border:none;background:none;font-family:var(--fb);text-align:left}
.hp-faq-q:hover{background:var(--smoke)}
.hp-faq-q:focus-visible{outline:2px solid var(--flame);outline-offset:-2px}
.hp-faq-ico{font-size:1.2rem;color:var(--flame);transition:transform .25s, background-color .25s, color .25s, border-color .25s;flex-shrink:0}
.hp-faq-item.hp-open .hp-faq-ico{transform:rotate(45deg);background:var(--flame)!important;color:#fff!important;border-color:var(--flame)!important}
.hp-faq-a{max-height:0;overflow:hidden;transition:max-height .25s ease-out, padding .25s ease-out;font-size:.85rem;color:var(--muted);line-height:1.7;padding:0 20px 0}
.hp-faq-item.hp-open .hp-faq-a{max-height:320px;padding:0 20px 18px}
.faq-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:60px;align-items:start}
@media(max-width:900px){
  .faq-grid{grid-template-columns:1fr;gap:40px}
  .faq-sidebar{position:static!important;top:auto!important;margin-bottom:20px}
}

/* ── CTA BAND (reused by other pages too) ── */
.hp-cta-band{background:linear-gradient(135deg,var(--navy,var(--ink)) 0%,var(--navy-2,#1a1a22) 50%,var(--navy,var(--ink)) 100%);padding:clamp(3rem,7vw,4.5rem) var(--public-pad);text-align:center}
.hp-cta-band h2{font-family:var(--fd);font-size:clamp(1.8rem,4vw,2.6rem);color:#fff;margin-bottom:.6rem}
.hp-cta-band p{font-size:1.02rem;color:rgba(255,255,255,.75);margin-bottom:1.9rem;max-width:520px;margin-left:auto;margin-right:auto}
.hp-btn-white{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;border-radius:var(--r-lg);font-weight:700;font-size:.95rem;font-family:var(--fb);text-decoration:none;background:#fff;color:var(--flame);transition:transform .2s}
.hp-btn-white:hover{transform:translateY(-2px)}
.hp-btn-ghost-w{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;border-radius:var(--r-lg);font-weight:600;font-size:.95rem;font-family:var(--fb);text-decoration:none;background:rgba(255,255,255,.1);color:#fff;border:1.5px solid rgba(255,255,255,.25);transition:background .2s}
.hp-btn-ghost-w:hover{background:rgba(255,255,255,.18)}
.hp-cta-note{font-size:.75rem;color:rgba(255,255,255,.5);margin-top:1.1rem}

/* ── HERO PRODUCT SHOWCASE (also reused by signup.php's mini version) ── */
.hp-showcase-wrap{position:relative;max-width:980px;margin:3.5rem auto 0}
.hp-showcase{background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh3);overflow:hidden;text-align:left}
.hp-showcase-bar{display:flex;align-items:center;gap:14px;padding:10px 16px;background:var(--smoke);border-bottom:1px solid var(--line)}
.hp-showcase-dots{display:flex;gap:6px;flex-shrink:0}
.hp-showcase-dots span{width:9px;height:9px;border-radius:50%;background:var(--line)}
.hp-showcase-url{font-family:var(--fm);font-size:.72rem;color:var(--muted);background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:3px 12px;flex:1;text-align:center;max-width:260px;margin:0 auto}
.hp-showcase-topbar{display:flex;align-items:center;gap:12px;padding:9px 16px;border-bottom:1px solid var(--line)}
.hp-showcase-search{flex:1;display:flex;align-items:center;gap:8px;background:var(--smoke);border:1px solid var(--line);border-radius:8px;padding:6px 10px;font-size:.72rem;color:var(--muted);max-width:260px}
.hp-showcase-search i{font-size:.68rem}
.hp-showcase-kbd{margin-left:auto;font-family:var(--fm);font-size:.6rem;font-weight:700;color:var(--muted);background:var(--paper);border:1px solid var(--line);border-radius:4px;padding:1px 6px}
.hp-showcase-topbar-r{display:flex;align-items:center;gap:10px;margin-left:auto}
.hp-showcase-ico-btn{position:relative;width:26px;height:26px;border-radius:7px;background:var(--smoke);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.7rem;flex-shrink:0}
.hp-showcase-dot-badge{position:absolute;top:-2px;right:-2px;width:7px;height:7px;border-radius:50%;background:var(--flame);border:1.5px solid var(--paper)}
.hp-showcase-user{display:flex;align-items:center;gap:7px}
.hp-showcase-avatar{width:26px;height:26px;border-radius:50%;background:var(--flame);color:#fff;font-size:.62rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.hp-showcase-user-txt{display:flex;flex-direction:column;line-height:1.25}
.hp-showcase-user-txt b{font-size:.7rem;color:var(--ink);font-weight:700}
.hp-showcase-user-txt i{font-size:.6rem;color:var(--muted);font-style:normal}
.hp-showcase-body{display:grid;grid-template-columns:150px 1fr}
.hp-showcase-sidebar{background:var(--smoke);border-right:1px solid var(--line);padding:14px 10px;display:flex;flex-direction:column;gap:3px}
.hp-showcase-nav-item{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:8px;font-size:.76rem;font-weight:600;color:var(--muted)}
.hp-showcase-nav-item i{width:14px;text-align:center;font-size:.72rem}
.hp-showcase-nav-item.hp-active{background:#fff5f2;color:var(--flame);box-shadow:var(--sh1);border-left:2px solid var(--flame)}
.hp-showcase-main{padding:18px 20px 20px}
.hp-showcase-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}
.hp-showcase-kpi{background:var(--smoke);border:1px solid var(--line);border-radius:10px;padding:.7rem .8rem}
.hp-showcase-kpi-ico{width:26px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:.7rem;margin-bottom:.5rem}
.hp-showcase-kpi-val{font-family:var(--fd);font-size:1.05rem;font-weight:700;color:var(--ink)}
.hp-showcase-kpi-lbl{font-size:.64rem;color:var(--muted);margin-top:2px;font-weight:600}
.hp-showcase-kpi-trend{font-size:.6rem;color:#059669;font-weight:700;margin-top:5px;display:flex;align-items:center;gap:4px}
.hp-showcase-kpi-trend i{font-size:.55rem}
.hp-showcase-row{display:grid;grid-template-columns:1.5fr 1fr;gap:14px}
.hp-showcase-card{background:var(--smoke);border:1px solid var(--line);border-radius:10px;padding:.85rem .9rem}
.hp-showcase-card-wide{padding-bottom:.6rem}
.hp-showcase-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}
.hp-showcase-card-title{font-size:.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.7rem}
.hp-showcase-card-head .hp-showcase-card-title{margin-bottom:0}
.hp-showcase-legend{display:flex;align-items:center;gap:5px;font-size:.62rem;color:var(--muted);font-weight:600}
.hp-lg-dot{width:6px;height:6px;border-radius:50%;display:inline-block;margin-right:2px}
.hp-showcase-linechart{width:100%;height:70px;display:block}
.hp-showcase-xaxis{display:flex;justify-content:space-between;font-size:.56rem;color:var(--muted);margin-top:4px;font-family:var(--fm)}
.hp-showcase-list-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:.74rem;border-bottom:1px solid var(--line)}
.hp-showcase-list-row:last-child{border-bottom:none}
.hp-showcase-list-row b{color:var(--ink);font-weight:700}
.hp-showcase-list-row span{color:var(--muted)}
.hp-showcase-tag{font-size:.62rem;font-weight:700;padding:2px 8px;border-radius:99px}
.hp-showcase-tag.hot{background:#fef2f2;color:#dc2626}
.hp-showcase-tag.new{background:#eff6ff;color:#2563eb}
.hp-showcase-tag.won{background:#ecfdf5;color:#059669}
[data-theme="dark"] .hp-showcase-tag.hot{background:rgba(220,38,38,.18)}
[data-theme="dark"] .hp-showcase-tag.new{background:rgba(37,99,235,.18)}
[data-theme="dark"] .hp-showcase-tag.won{background:rgba(5,150,105,.18)}
.hp-float-card{position:absolute;display:flex;align-items:center;gap:9px;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:.6rem .9rem;box-shadow:var(--sh3);font-size:.76rem;font-weight:700;color:var(--ink);animation:hpFloat 5s ease-in-out infinite}
.hp-float-card i{color:var(--flame);font-size:.85rem}
.hp-float-1{top:-18px;left:-24px;animation-delay:0s}
.hp-float-2{bottom:36px;right:-30px;animation-delay:1.2s}
.hp-float-3{bottom:-20px;left:8%;animation-delay:2.4s}
@keyframes hpFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media(prefers-reduced-motion:reduce){
  .hp-float-card,.hp-hero-dot{animation:none!important}
}
@media(max-width:760px){
  .hp-showcase-body{grid-template-columns:1fr}
  .hp-showcase-sidebar{display:none}
  .hp-showcase-kpis{grid-template-columns:repeat(2,1fr)}
  .hp-showcase-row{grid-template-columns:1fr}
  .hp-float-card{display:none}
  .hp-showcase-search{max-width:none}
  .hp-showcase-user-txt{display:none}
}
@media(max-width:480px){
  .hp-showcase-search span{display:none}
}

/* ═══════════════════════════════════════════════════════════

/* FINAL FOOTER WIDTH LOCK */
.site-footer-main{width:100%!important;margin-left:0!important;margin-right:0!important}
.site-footer-main .ft-main-inner{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding-left:clamp(36px,5vw,72px)!important;padding-right:clamp(36px,5vw,72px)!important}
.site-footer-main .ft-main-grid{width:100%!important;max-width:none!important;margin:0!important}
@media(max-width:700px){.site-footer-main .ft-main-inner{padding-left:20px!important;padding-right:20px!important}}
@media(max-width:420px){.site-footer-main .ft-main-inner{padding-left:16px!important;padding-right:16px!important}}

/* Tablet breakpoint: the public header/footer must not overflow a 956px
   viewport while the full desktop navigation is still visible. */
@media(max-width:1100px){
  #nav .nav-links,#nav .nav-login{display:none!important}
  #nav .ham{display:flex!important}
  .site-footer-main{overflow:hidden!important}
  .site-footer-main .ft-main-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important}
  .site-footer-main .ft-main-grid>div{min-width:0!important}
}
@media(max-width:700px){.site-footer-main .ft-main-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:420px){.site-footer-main .ft-main-grid{grid-template-columns:minmax(0,1fr)!important}}

/* Responsive footer/header lock, placed after every legacy public rule. */
#nav{width:100vw!important;max-width:100vw!important;overflow:visible!important}
@media(max-width:980px){
  .site-footer-main .ft-main-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important}
  .site-footer-main .ft-main-grid>div{min-width:0!important}
}
@media(max-width:700px){
  .site-footer-main .ft-main-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px 18px!important}
}
@media(max-width:420px){.site-footer-main .ft-main-grid{grid-template-columns:minmax(0,1fr)!important}}

/* Responsive overflow lock for the actual viewport widths. */
#nav{width:100%!important;max-width:100vw!important;overflow:visible}
#nav .nav-logo,#nav .nav-links,#nav .nav-r{min-width:0}
#nav .nav-links{overflow:visible}
@media(max-width:980px){
  .site-footer-main .ft-main-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important}
  .site-footer-main .ft-main-grid>div{min-width:0}
}
@media(max-width:700px){
  .site-footer-main .ft-main-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px 18px!important;padding-top:28px!important;padding-bottom:24px!important}
  .site-footer-main .ft-main-grid>div:first-child{grid-column:1/-1;grid-row:auto}
}
@media(max-width:420px){.site-footer-main .ft-main-grid{grid-template-columns:minmax(0,1fr)!important}}
  STITCH PUBLIC SYSTEM — shared presentation layer
   Mirrors stitch_agencynest_os_design_system while preserving
   the existing PHP markup, data, forms, and page behaviour.
   ═══════════════════════════════════════════════════════════ */
:root{
  --stitch-max:1280px;
  --stitch-gutter:clamp(16px,3.2vw,40px);
  --stitch-radius:8px;
  --stitch-surface:#fff;
  --stitch-surface-low:#f6f3f5;
  --stitch-outline:#e5beb4;
  --stitch-navy:#0a1a2f;
}

body,.an-homepage{
  font-family:var(--f-body,var(--fb,'DM Sans','Segoe UI',sans-serif));
  font-weight:var(--f-body-w,400);
  line-height:var(--f-body-lh,1.65);
  letter-spacing:var(--f-body-ls,0em);
  color:var(--an-ink,var(--ink));
  background:var(--an-paper,var(--paper));
}
h1,h2,h3,h4,h5,h6{
  font-family:var(--f-display,var(--fd,'DM Serif Display',Georgia,serif));
  font-weight:var(--f-display-w,700);
  line-height:var(--f-display-lh,1.15);
  letter-spacing:var(--f-display-ls,-0.01em);
}


.hp-hero:not(.hp-hero-navy){padding:clamp(100px,11vw,130px) var(--public-pad) clamp(32px,5vw,48px)}
.hp-hero-title{font-size:clamp(2rem,4.2vw,3rem);line-height:1.1;max-width:760px}
.hp-hero-sub{font-size:1rem;line-height:1.6;max-width:620px}
.hp-sec-title{font-size:clamp(1.55rem,2.8vw,2rem);line-height:1.18}
.hp-section,.hp-portal-sec{padding-top:clamp(56px,8vw,104px);padding-bottom:clamp(56px,8vw,104px)}
.hp-feat-card,.hp-grid6-card,.hp-plan,.hp-testi-card,.hp-portal-mock,.hp-trust-card{border-radius:var(--stitch-radius);box-shadow:0 2px 10px rgba(10,26,47,.05)}
.hp-feat-card,.hp-grid6-card{padding:1.25rem}
.hp-feat-icon,.hp-grid6-icon{border-radius:var(--stitch-radius);width:40px;height:40px}
.hp-feat-name,.hp-grid6-title{font-size:.95rem}
.hp-feat-desc,.hp-grid6-desc{font-size:.8rem;line-height:1.55}
.hp-plans{gap:16px}
.hp-plan{padding:1.25rem;border-width:1px}
.hp-plan.hp-featured{border-width:2px}
.hp-plan-price-m,.hp-plan-price-y{font-size:1.75rem}
.hp-plan-cta{border-radius:var(--stitch-radius);font-size:.82rem;padding:10px}
.hp-hero-navy{padding-top:clamp(42px,6vw,76px)}
.hp-hero-title-navy{font-size:clamp(2.2rem,4.6vw,3.8rem);line-height:1.06}
.hp-hero-checklist li{font-size:.8rem}
.hp-hero-col-visual .hp-showcase{border-radius:var(--stitch-radius);transform:none}

.feat-section-grid{gap:clamp(2rem,5vw,4rem)}
.feat-workflow-card,.sec-block,.ct-info-card,.pp-compare-scroll{border-radius:var(--stitch-radius)}
.feat-workflow-card{box-shadow:0 2px 12px rgba(10,26,47,.06)}
.sec-block{margin-bottom:.75rem}
.sec-block-head{padding:1rem 1.15rem}
.sec-block-title{font-size:1rem}
.ct-field input,.ct-field select,.ct-field textarea{border-radius:var(--stitch-radius);font-size:.85rem}
.int-card{border-radius:var(--stitch-radius);padding:1.1rem}
.int-card-name{font-size:.9rem}
.int-card-desc{font-size:.78rem}
.ab-body p{font-size:.9rem;line-height:1.7}

.an-home .an-hero h1{font-size:clamp(2.8rem,5.4vw,5rem);line-height:1.02}
.an-home .an-section h2{font-size:clamp(2.2rem,4.2vw,3.8rem);line-height:1.06}
.an-home .an-final h2{font-size:clamp(2.5rem,5.5vw,5rem);line-height:1.04}
.an-home .an-section{padding-top:clamp(56px,8vw,104px);padding-bottom:clamp(56px,8vw,104px)}
.an-home .an-card-head,.an-home .an-dash-kpis>div,.an-home .an-chart,.an-home .an-pipeline,.an-home .an-report-card{border-radius:var(--stitch-radius)}

@media(max-width:900px){
  #nav{padding-left:20px;padding-right:20px}
  .hp-hero-title-navy{font-size:clamp(2rem,7vw,3rem)}
  .an-home .an-hero h1{font-size:clamp(2.7rem,10vw,4.2rem)}
}
@media(max-width:620px){
  #nav{height:60px}
  .hp-hero:not(.hp-hero-navy){padding-top:95px}
  .hp-hero-title{font-size:clamp(1.8rem,8vw,2.35rem)}
  .hp-hero-sub{font-size:.92rem}
  .hp-sec-title{font-size:1.55rem}
  .hp-section,.hp-portal-sec{padding-top:40px;padding-bottom:40px}
  .an-home .an-section{padding-top:56px;padding-bottom:56px}
  .an-home .an-hero h1{font-size:clamp(2.55rem,13vw,3.8rem)}
}

/* ── PRODUCT MODULE TABS ── */
.hp-mod-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:2.4rem}
.hp-mod-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:99px;border:1.5px solid var(--line);background:var(--paper);color:var(--muted);font-size:.84rem;font-weight:700;font-family:var(--fb);cursor:pointer;transition:.2s}
.hp-mod-tab i{font-size:.78rem}
.hp-mod-tab:hover{border-color:var(--flame-border,rgba(230,61,10,.28))}
.hp-mod-tab.hp-active{background:var(--flame);border-color:var(--flame);color:#fff}
.hp-mod-panel{display:none}
.hp-mod-panel.hp-active{display:grid}
.hp-mod-panel{grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.hp-mod-visual{background:var(--smoke);border:1px solid var(--line);border-radius:16px;padding:1.6rem;min-height:280px;display:flex;flex-direction:column;justify-content:center;gap:12px}
.hp-mod-eyebrow{font-family:var(--fm);font-size:.72rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--flame);margin-bottom:.6rem}
.hp-mod-title{font-family:var(--fd);font-size:clamp(1.3rem,2.4vw,1.7rem);font-weight:700;color:var(--ink);margin-bottom:.7rem;line-height:1.25}
.hp-mod-desc{font-size:.94rem;color:var(--muted);line-height:1.7;margin-bottom:1.2rem}
.hp-mod-benefits{list-style:none;padding:0;margin:0 0 1.3rem;display:flex;flex-direction:column;gap:9px}
.hp-mod-benefits li{display:flex;align-items:flex-start;gap:9px;font-size:.87rem;color:var(--ink);font-weight:600}
.hp-mod-benefits li i{color:#059669;margin-top:3px;font-size:.8rem}
.hp-mod-flow{display:flex;flex-direction:column;gap:0}
.hp-mod-flow-step{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--paper);border:1px solid var(--line);border-radius:9px;font-size:.78rem;font-weight:700;color:var(--ink)}
.hp-mod-flow-step i{color:var(--flame);width:16px;text-align:center}
.hp-mod-flow-arrow{text-align:center;color:var(--muted);font-size:.75rem;padding:3px 0}
@media(max-width:760px){
  .hp-mod-panel.hp-active{grid-template-columns:1fr}
  .hp-mod-panel{gap:1.6rem}
  .hp-mod-visual{order:-1}
}

/* ── AI DARK SECTION ── */
.hp-ai-section{background:linear-gradient(135deg,var(--navy,var(--ink)) 0%,var(--navy-2,#1a1a22) 60%,var(--navy,var(--ink)) 100%);padding:clamp(3.5rem,7vw,5.5rem) var(--public-pad)}
.hp-ai-section .hp-eyebrow{color:#ff8a5c}
.hp-ai-section .hp-sec-title{color:#fff}
.hp-ai-section .hp-sec-sub{color:rgba(255,255,255,.65)}
.hp-ai-flow{display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap;margin-top:2.6rem;max-width:920px;margin-left:auto;margin-right:auto}
.hp-ai-node{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:1.1rem 1.3rem;text-align:center;min-width:150px}
.hp-ai-node-lbl{font-size:.68rem;font-weight:700;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:1px;margin-bottom:.4rem}
.hp-ai-node-txt{font-size:.86rem;font-weight:700;color:#fff}
.hp-ai-node.hp-ai-accent{background:rgba(230,61,10,.16);border-color:rgba(230,61,10,.4)}
.hp-ai-node.hp-ai-accent .hp-ai-node-lbl{color:#ff8a5c}
.hp-ai-arrow-h{color:rgba(255,255,255,.3);font-size:1rem;margin:0 14px}
@media(max-width:900px){
  .hp-ai-flow{flex-direction:column;gap:10px}
  .hp-ai-arrow-h{transform:rotate(90deg)}
}

/* ── NAVY HERO (homepage only, scoped via body.hp-navy) ── */
body.hp-navy #nav{background:rgba(10,26,47,0.75);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,0.08)}
body.hp-navy #nav .nav-logo{color:#fff}
body.hp-navy #nav .nl{color:rgba(255,255,255,.78);border-radius:20px}
body.hp-navy #nav .nl:hover,body.hp-navy #nav .nl.active{color:#fff;background:rgba(255,255,255,0.08)}
body.hp-navy #nav .nav-avail{color:rgba(255,255,255,.6)}
body.hp-navy #nav .ham span{background:#fff}
body.hp-navy .nav-dropdown{background:var(--navy-2);border-color:var(--navy-line)}
body.hp-navy .nav-dropdown-item{color:rgba(255,255,255,.85)}
body.hp-navy .nav-dropdown-item span:first-child{color:#fff}

.hp-hero-navy{background:linear-gradient(160deg,var(--navy) 0%,var(--navy-2) 100%);text-align:left;overflow:visible;padding-bottom:0}
.hp-hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:3rem;align-items:center;text-align:left}
.hp-hero-col-text{max-width:520px}
.hp-hero-badge-navy{background:rgba(230,61,10,.16);border-color:rgba(230,61,10,.4);color:#ff8a5c}
.hp-hero-title-navy{color:#fff;text-align:left;margin:0 0 .9rem}
.hp-hero-title-navy em,.hp-hero-title-navy .hp-accent{color:var(--flame);font-style:normal}
.hp-hero-sub-navy{color:rgba(255,255,255,.68);text-align:left;margin:0 0 1.6rem}
.hp-hero-checklist{list-style:none;padding:0;margin:0 0 1.8rem;display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}
.hp-hero-checklist li{display:flex;align-items:center;gap:8px;font-size:.86rem;font-weight:600;color:rgba(255,255,255,.85)}
.hp-hero-checklist li i{color:#4ade80;font-size:.85rem}
.hp-hero-navy .hp-hero-ctas{justify-content:flex-start;margin-bottom:1.1rem}
.hp-btn-ghost-navy{background:transparent;color:#fff;border-color:rgba(255,255,255,.3)}
.hp-btn-ghost-navy:hover{background:rgba(255,255,255,.08)}
.hp-hero-trust-navy{justify-content:flex-start;color:rgba(255,255,255,.55)}
.hp-hero-col-visual{position:relative}
.hp-hero-col-visual .hp-showcase-wrap{margin:0;max-width:none}
.hp-hero-col-visual .hp-showcase{box-shadow:0 30px 70px rgba(0,0,0,.4)}

@media(max-width:980px){
  .hp-hero-grid{grid-template-columns:1fr;text-align:center}
  .hp-hero-col-text{max-width:none;margin:0 auto}
  .hp-hero-title-navy,.hp-hero-sub-navy{text-align:center}
  .hp-hero-navy .hp-hero-ctas,.hp-hero-trust-navy{justify-content:center}
  .hp-hero-checklist{grid-template-columns:1fr;max-width:320px;margin-left:auto;margin-right:auto}
  .hp-hero-col-visual{margin-top:2.5rem}
}

/* ── TRUST CARD (floats between hero and next section) ── */
.hp-trust-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh3);padding:1.4rem 1.8rem;margin-top:-2.2rem;position:relative;z-index:5;display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.hp-trust-card-label{font-family:var(--fm);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--muted);white-space:nowrap}
.hp-trust-card-items{display:flex;flex-wrap:wrap;gap:20px;flex:1}
@media(max-width:760px){
  .hp-trust-card{flex-direction:column;align-items:flex-start;gap:12px;margin-top:1.5rem}
}

/* ── 6-CARD FEATURE GRID ── */
.hp-grid6{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.hp-grid6-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:1.6rem;text-decoration:none;display:block;transition:transform .2s,box-shadow .2s}
.hp-grid6-card:hover{transform:translateY(-3px);box-shadow:var(--sh2)}
.hp-grid6-icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.15rem;margin-bottom:1rem}
.hp-grid6-title{font-family:var(--fd);font-size:1.02rem;font-weight:700;color:var(--ink);margin-bottom:.4rem}
.hp-grid6-desc{font-size:.85rem;color:var(--muted);line-height:1.6;margin-bottom:.9rem}
.hp-grid6-link{font-size:.8rem;font-weight:700;color:var(--flame);display:inline-flex;align-items:center;gap:6px}
.hp-grid6-link i{font-size:.7rem;transition:transform .2s}
.hp-grid6-card:hover .hp-grid6-link i{transform:translateX(3px)}
@media(max-width:900px){.hp-grid6{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.hp-grid6{grid-template-columns:1fr}}

/* ── STATS STRIP ── */
.hp-stats-strip{background:var(--navy);padding:2.4rem var(--public-pad)}
.hp-stats-strip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.hp-ss-stat{display:flex;align-items:center;gap:12px}
.hp-ss-stat>i{color:var(--flame);font-size:1.3rem;flex-shrink:0}
.hp-ss-val{display:block;font-family:var(--fd);font-size:1.3rem;font-weight:700;color:#fff}
.hp-ss-lbl{display:block;font-size:.72rem;color:rgba(255,255,255,.55);margin-top:2px}
@media(max-width:900px){.hp-stats-strip-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.hp-stats-strip-grid{grid-template-columns:repeat(2,1fr)}}

/* ── WHY AGENCYNEST ── */
.hp-why-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.hp-why-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:1.5rem 1.2rem;text-align:center}
.hp-why-card>i{color:var(--flame);font-size:1.4rem;margin-bottom:.9rem;display:block}
.hp-why-title{font-family:var(--fd);font-weight:700;color:var(--ink);font-size:.92rem;margin-bottom:.4rem}
.hp-why-desc{font-size:.78rem;color:var(--muted);line-height:1.5}
@media(max-width:900px){.hp-why-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.hp-why-grid{grid-template-columns:1fr 1fr}}

/* ── HOMEPAGE RESPONSIVE ── */
@media(max-width:900px){
  .hp-feat-grid{grid-template-columns:repeat(2,1fr)}
  .hp-testi-grid{grid-template-columns:1fr}
  .hp-hero-stats{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
  .hp-feat-grid{grid-template-columns:1fr}
  .hp-plans{grid-template-columns:1fr}
}


/* ═══════════════════════════════════════════════════════════
   FEATURES (features.php) — prefix .feat-
   Depends on nothing else here beyond .hp-* base classes above.
   ═══════════════════════════════════════════════════════════ */

.feat-jumpnav{background:var(--paper);border-bottom:1px solid var(--line);overflow-x:auto}
.feat-jumpnav-inner{display:flex;gap:22px;padding-top:14px;padding-bottom:14px;white-space:nowrap}
.feat-jumpnav-inner a{font-size:.82rem;font-weight:600;color:var(--muted);text-decoration:none;transition:color .2s;position:relative}
.feat-jumpnav-inner a:hover{color:var(--flame)}
.feat-jumpnav-inner a.active{color:var(--flame);font-weight:700}
.feat-jumpnav-inner a.active::after{content:'';position:absolute;bottom:-14px;left:0;right:0;height:2px;background:var(--flame);border-radius:2px 2px 0 0}

.feat-section-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center}
.feat-reverse .feat-section-text{order:2}
.feat-reverse .feat-section-visual{order:1}

.feat-workflow-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh2)}
.feat-workflow-head{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--smoke);border-bottom:1px solid var(--line)}
.feat-workflow-head span{width:8px;height:8px;border-radius:50%;background:var(--line);flex-shrink:0}
.feat-workflow-head-url{font-family:var(--fm);font-size:.68rem;color:var(--muted);flex:1;text-align:center}
.feat-workflow-card>.feat-workflow-icon,.feat-workflow-card>.feat-workflow-step,.feat-workflow-card>.feat-workflow-line{margin-left:1.8rem;margin-right:1.8rem}
.feat-workflow-icon{width:52px;height:52px;border-radius:14px;background:var(--flame-soft,rgba(230,61,10,.09));color:var(--flame);display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-top:2rem;margin-bottom:1.4rem}
.feat-workflow-card>.feat-workflow-line:last-child{display:none}
.feat-workflow-card>.feat-workflow-step:last-child{margin-bottom:2rem}
.feat-workflow-step{display:flex;align-items:center;gap:12px}
.feat-workflow-dot{width:10px;height:10px;border-radius:50%;background:var(--flame);flex-shrink:0}
.feat-workflow-step-text{font-size:.86rem;font-weight:600;color:var(--ink)}
.feat-workflow-line{width:2px;height:20px;background:var(--line);margin-left:4px}

@media(max-width:900px){
  .feat-section-grid{grid-template-columns:1fr}
  .feat-reverse .feat-section-text{order:1}
  .feat-reverse .feat-section-visual{order:2}
}


/* ═══════════════════════════════════════════════════════════
   SHARED "sec-block-text" / "sec-list" — used by both features.php
   and security.php's simpler bits, prefix .sec-
   ═══════════════════════════════════════════════════════════ */
.sec-block-text{font-size:.92rem;color:var(--muted);line-height:1.75}
.sec-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.8rem}
.sec-list li{font-size:.88rem;color:var(--muted);line-height:1.6;padding-left:1.6rem;position:relative}
.sec-list li::before{content:'✓';position:absolute;left:0;top:-1px;color:var(--an-orange);font-weight:700;font-size:0.95rem}
.sec-list code{background:var(--smoke);border:1px solid var(--line);border-radius:4px;padding:1px 6px;font-family:var(--fm);font-size:.85em;color:var(--ink)}


/* ═══════════════════════════════════════════════════════════
   PRICING (pricing.php) — prefix .pp-
   Backend/data untouched — only adds the comparison table styling
   .hp-* classes above don't already cover.
   ═══════════════════════════════════════════════════════════ */

.pp-plans .hp-plan-feats{min-height:0}

.pp-compare-wrap{position:relative}
.pp-compare-hint{display:none}
.pp-compare-wrap::after{content:'';position:absolute;top:0;right:0;bottom:0;width:28px;pointer-events:none;background:linear-gradient(to right,transparent,var(--smoke));opacity:0;transition:opacity .2s}
.pp-compare-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh1)}
.pp-compare-table{width:100%;border-collapse:collapse;background:var(--paper);min-width:640px}
.pp-compare-plan-col{min-width:120px}
.pp-compare-table th,.pp-compare-table td{padding:16px 20px;text-align:center;font-size:.85rem;border-bottom:1px solid var(--line)}
.pp-compare-table thead th{font-family:var(--fm);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);background:var(--smoke)}
.pp-compare-row-lbl{text-align:left!important;font-weight:600;color:var(--ink);white-space:nowrap;position:sticky;left:0;background:var(--paper);z-index:1;box-shadow:1px 0 0 var(--line)}
.pp-compare-table thead .pp-compare-row-lbl{background:var(--smoke);z-index:3}
.pp-compare-table td.pp-compare-row-lbl{color:var(--text2,var(--ink))}
.pp-compare-table tbody tr:last-child td{border-bottom:none}
.pp-compare-table tbody tr:hover td:not(.pp-compare-featured){background:rgba(230,61,10,0.015)}
.pp-compare-featured{background:rgba(230,61,10,0.045)}
.pp-compare-yes{color:#10b981;font-weight:800;font-size:0.95rem}
.pp-compare-no{color:var(--line);opacity:0.5;font-size:1.1rem}
.pp-compare-table th.pp-compare-featured,
.pp-compare-table td.pp-compare-featured{border-left:2px solid rgba(230,61,10,0.18)!important;border-right:2px solid rgba(230,61,10,0.18)!important;position:relative}
.pp-compare-table th.pp-compare-featured{border-top:3px solid var(--flame)!important;z-index:2}
.pp-compare-table tbody tr:last-child td.pp-compare-featured{border-bottom:2px solid rgba(230,61,10,0.18)!important}
.pp-compare-cat-row td{text-align:left!important;background:var(--smoke);font-family:var(--fm);font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--flame);padding:10px 18px;border-bottom:1px solid var(--line)}
.pp-compare-cat-row td.pp-compare-row-lbl{background:var(--smoke)}

@media(max-width:640px){
  .pp-compare-table th,.pp-compare-table td{padding:10px 12px;font-size:.78rem}
  .pp-compare-table{min-width:560px}
  .pp-compare-plan-col{min-width:104px}
  .pp-compare-hint{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.72rem;font-weight:600;color:var(--muted);margin-bottom:10px;transition:opacity .2s}
  .pp-compare-hint i{color:var(--flame);font-size:.68rem}
  .pp-compare-wrap::after{opacity:1}
  .pp-compare-wrap.pp-compare-scrolled::after,
  .pp-compare-wrap.pp-compare-scrolled .pp-compare-hint{opacity:0}
}


/* ═══════════════════════════════════════════════════════════
   SECURITY (security.php) — prefix .sec-
   ═══════════════════════════════════════════════════════════ */

/* 6-pillar trust grid */
.sec-pillars{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:2.8rem}
.sec-pillar{background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:1.4rem 1rem 1.2rem;text-align:center;box-shadow:0 2px 12px rgba(0,0,0,.04);transition:all .22s}
.sec-pillar:hover{border-color:rgba(230,61,10,.28);box-shadow:0 6px 24px rgba(230,61,10,.09);transform:translateY(-2px)}
.sec-pillar-icon{width:44px;height:44px;border-radius:12px;background:rgba(230,61,10,.09);color:var(--flame);display:flex;align-items:center;justify-content:center;font-size:1.1rem;margin:0 auto .9rem}
.sec-pillar strong{display:block;font-family:var(--fd);font-size:.8rem;font-weight:800;color:var(--ink);margin-bottom:.3rem}
.sec-pillar span{font-size:.72rem;color:var(--muted);line-height:1.4}

/* Security commitments card grid */
.sec-commitments-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;width:100%}
.sec-commitment-card{background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 6px 20px rgba(0,0,0,.02);transition:transform .2s,box-shadow .2s}
.sec-commitment-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(230,61,10,.05);border-color:rgba(230,61,10,.25)}
.sec-commitment-card i{font-size:1.4rem;color:var(--an-orange);margin-bottom:14px;display:block}
.sec-commitment-card h3{font-family:var(--fd);font-weight:700;font-size:1rem;margin:0 0 8px;color:var(--ink)}
.sec-commitment-card p{font-size:.82rem;color:var(--muted);line-height:1.55;margin:0}

@media(max-width:960px){.sec-commitments-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.sec-commitments-grid{grid-template-columns:1fr}}


/* Accordion blocks */
.sec-block{max-width:100%;margin:0 auto 1.2rem;background:#fff;border:1.5px solid var(--line);border-radius:16px;overflow:hidden;transition:border-color .22s,box-shadow .22s}
.sec-block.sec-open{border-color:rgba(230,61,10,.28);box-shadow:0 4px 20px rgba(230,61,10,.08)}
.sec-block-head{display:flex;align-items:center;gap:1.1rem;width:100%;padding:1.3rem 1.5rem;background:none;border:none;cursor:pointer;text-align:left;font-family:inherit}
.sec-block-head:hover{background:rgba(230,61,10,.03)}
.sec-block-icon{width:44px;height:44px;border-radius:12px;background:rgba(230,61,10,.09);color:var(--flame);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}
.sec-block.sec-open .sec-block-icon{background:rgba(230,61,10,.14)}
.sec-block-title{flex:1;font-family:var(--fd);font-size:1.05rem;font-weight:700;color:var(--ink);margin:0}
.ct-success-text{font-size:.88rem;color:var(--muted);line-height:1.6}

.ct-enquiry-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 2.2rem 0;width:100%;line-height:1}
.ct-enquiry-tab{position:relative;display:block}
.ct-enquiry-tab input{position:absolute;opacity:0;pointer-events:none;width:0;height:0;margin:0;padding:0}
.ct-enquiry-tab span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 12px;border-radius:12px;border:1.5px solid var(--line);background:#fff;font-size:.84rem;font-weight:700;color:var(--muted);cursor:pointer;transition:all .25s ease;box-shadow:0 4px 10px rgba(0,0,0,.02);user-select:none;text-align:center}
.ct-enquiry-tab span i{font-size:1.25rem;color:var(--muted);transition:all .25s ease}
.ct-enquiry-tab span:hover{border-color:rgba(230,61,10,.35);color:var(--ink)}
.ct-enquiry-tab span:hover i{color:var(--flame)}
.ct-enquiry-tab input:checked+span{background:var(--flame);border-color:var(--flame);color:#fff;box-shadow:0 8px 24px rgba(230,61,10,.25);transform:translateY(-2px)}
.ct-enquiry-tab input:checked+span i{color:#fff}

.ct-field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ct-field{margin-bottom:18px}
.ct-field label{display:block;font-size:.78rem;font-weight:700;color:var(--ink);margin-bottom:6px;letter-spacing:.3px}
.ct-field input,.ct-field select,.ct-field textarea{width:100%;padding:12px 15px;border:1.5px solid var(--line);border-radius:10px;font-size:.9rem;font-family:var(--fb);color:var(--ink);background:var(--paper);outline:none;transition:all .2s ease;box-shadow:0 1px 2px rgba(0,0,0,.01)}
.ct-field input:focus,.ct-field select:focus,.ct-field textarea:focus{border-color:var(--flame);box-shadow:0 0 0 3px rgba(230,61,10,.08);background:#fff}
.ct-field textarea{resize:vertical;min-height:120px}

.ct-form-wrap{max-width:680px;margin:0 auto;background:#fff;border:1.5px solid var(--line);border-radius:20px;padding:3rem;box-shadow:0 12px 40px rgba(0,0,0,.04)}
.ct-form-submit{padding:13px 32px;font-size:.92rem;font-weight:700;border-radius:10px;border:none;background:var(--flame);color:#fff;cursor:pointer;box-shadow:0 4px 14px rgba(230,61,10,.2);transition:all .2s ease}
.ct-form-submit:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(230,61,10,.3)}

.ct-quick-links{margin-top:3rem;text-align:center;display:flex;align-items:center;justify-content:center;gap:1.8rem;flex-wrap:wrap;font-size:.85rem;color:var(--muted);border-top:1px dashed var(--line);padding-top:2rem}
.ct-quick-links span{font-weight:600;color:var(--ink);font-size:.8rem;text-transform:uppercase;letter-spacing:1px}
.ct-quick-links a{color:var(--muted);text-decoration:none;font-weight:600;transition:color .2s ease;padding:2px 8px;border-radius:4px}
.ct-quick-links a:hover{color:var(--flame);background:rgba(230,61,10,.04)}

.ct-info-link{display:flex;align-items:center;justify-content:space-between;padding:12px 0;font-size:.86rem;font-weight:600;color:var(--ink);text-decoration:none;border-top:1.5px solid var(--line);transition:all .2s ease}
.ct-info-link:first-of-type{border-top:none}
.ct-info-link i{font-size:.75rem;color:var(--flame);transition:transform .2s ease}
.ct-info-link:hover{color:var(--flame)}
.ct-info-link:hover i{transform:translateX(4px)}

@media(max-width:540px){
  .ct-enquiry-tabs{grid-template-columns:repeat(2,1fr);border-radius:16px}
  .ct-enquiry-tab span{border-radius:12px;padding:8px 10px;font-size:.78rem}
}

/* ═══════════════════════════════════════════════════════════ */
.sec-block-chev{color:var(--muted);font-size:.85rem;transition:transform .22s;flex-shrink:0}
.sec-block.sec-open .sec-block-chev{transform:rotate(180deg);color:var(--flame)}
.sec-block-body{max-height:0;overflow:hidden;transition:max-height .35s ease}
.sec-block.sec-open .sec-block-body{max-height:1200px}
.sec-block-body>*{padding:0 1.5rem 1.5rem 4.6rem}

/* Honest disclosure banner */
.sec-disclosure{display:flex;align-items:flex-start;gap:1.6rem;background:#fff;border:1.5px solid var(--line);border-radius:18px;padding:2rem;box-shadow:0 2px 12px rgba(0,0,0,.04);max-width:800px;margin:0 auto}
.sec-disclosure-icon{width:56px;height:56px;border-radius:14px;background:rgba(230,61,10,.09);color:var(--flame);display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}
.sec-disclosure-body h2{font-family:var(--fd);font-size:1.2rem;font-weight:800;color:var(--ink);margin:0 0 .7rem;letter-spacing:-.01em}
.sec-disclosure-body p{font-size:.9rem;color:var(--muted);line-height:1.7;margin:0 0 .6rem}
.sec-disclosure-body p:last-child{margin:0}
.sec-disclosure-body a{color:var(--flame);font-weight:600;text-decoration:none}
.sec-disclosure-body a:hover{text-decoration:underline}

@media(max-width:1024px){.sec-pillars{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){
  .sec-pillars{grid-template-columns:repeat(2,1fr)}
  .sec-compare{grid-template-columns:1fr}
  .sec-block-head{gap:.8rem;padding:1.1rem}
  .sec-block-body>*{padding:0 1.1rem 1.3rem 1.1rem}
  .sec-disclosure{flex-direction:column;gap:1rem;padding:1.4rem}
}
@media(max-width:440px){.sec-pillars{grid-template-columns:1fr 1fr}}


/* ═══════════════════════════════════════════════════════════
   CONTACT (contact.php) — prefix .ct-
   ═══════════════════════════════════════════════════════════ */

.ct-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:2.4rem;align-items:start}
@media(max-width:900px){
  .ct-grid{grid-template-columns:1fr;gap:1.8rem}
  .ct-field-row{grid-template-columns:1fr}
  .ct-form-wrap{padding:1.8rem}
  .ct-info-col{margin-bottom:0}
  .ct-hero-info-card{max-width:100%!important;margin-left:0!important}
}

.ct-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;border-radius:10px;padding:12px 16px;margin-bottom:18px;font-size:.85rem;display:flex;align-items:center;gap:8px}
.ct-success{display:flex;gap:14px;align-items:flex-start;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--r-lg);padding:1.4rem}
.ct-success i{color:#059669;font-size:1.4rem;margin-top:2px}
.ct-success-title{font-weight:700;color:var(--ink);margin-bottom:.3rem}
.ct-success-text{font-size:.88rem;color:var(--muted);line-height:1.6}





/* ═══════════════════════════════════════════════════════════
   INTEGRATIONS (integrations.php) — prefix .int-
   ═══════════════════════════════════════════════════════════ */

/* section wrapper */
.int-cats-section{background:var(--smoke,#f7f8fa);padding-block:clamp(48px,7vw,88px)}
/* category block */
.int-cat{margin-bottom:3.6rem;background:#fff;border:1.5px solid var(--line);border-radius:20px;padding:2rem 2rem 1.8rem;box-shadow:0 2px 16px rgba(0,0,0,.04)}
.int-cat:last-child{margin-bottom:0}
.int-cat-header{display:flex;align-items:center;gap:12px;margin-bottom:1.6rem;padding-bottom:1.1rem;border-bottom:1.5px solid var(--line)}
.int-cat-icon{width:38px;height:38px;border-radius:10px;background:rgba(230,61,10,.09);color:var(--flame);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}
.int-cat-title{font-family:var(--fd);font-size:1.15rem;font-weight:800;color:var(--ink);letter-spacing:-.01em;margin:0}
.int-cat-count{margin-left:auto;font-size:.72rem;font-weight:700;color:var(--flame);background:rgba(230,61,10,.09);padding:3px 10px;border-radius:99px;white-space:nowrap}
/* grid */
.int-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
/* card */
.int-card{display:flex;align-items:flex-start;gap:14px;background:var(--smoke,#f7f8fa);border:1.5px solid transparent;border-radius:14px;padding:1.1rem 1.2rem;transition:all .22s;cursor:default}
.int-card:hover{background:#fff;border-color:rgba(230,61,10,.25);box-shadow:0 6px 24px rgba(230,61,10,.09);transform:translateY(-2px)}
.int-card-icon{width:42px;height:42px;border-radius:10px;background:#fff;color:var(--flame);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,.07)}
.int-card:hover .int-card-icon{background:rgba(230,61,10,.07)}
.int-card-body{flex:1;min-width:0}
.int-card-name{font-weight:700;color:var(--ink);font-size:.9rem;margin-bottom:.25rem;line-height:1.3}
.int-card-desc{font-size:.76rem;color:var(--muted);line-height:1.5}

@media(max-width:960px){
  .int-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
  .int-grid{grid-template-columns:1fr}
  .int-cat{padding:1.4rem 1.2rem}
}

/* ── DATA FLOW (light premium redesign) ── */
.int-dflow-wrap{background:linear-gradient(180deg,#fff 0%,#fdf4f0 40%,#fff8f5 100%);padding:clamp(56px,8vw,96px) 0;position:relative;overflow:hidden}
.int-dflow-wrap::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 55% 40% at 50% 60%,rgba(230,61,10,.07) 0%,transparent 70%);pointer-events:none}
.int-dflow-title{font-family:var(--fd);font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:800;color:var(--ink);text-align:center;margin:0 0 .7rem;letter-spacing:-.02em}
.int-dflow-sub{text-align:center;color:var(--muted);font-size:.95rem;max-width:540px;margin:0 auto 3rem;line-height:1.65}
.int-dflow{display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap}
.int-dflow-col{display:flex;flex-direction:column;gap:10px}
.int-dflow-chip{display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:10px 16px;font-size:.82rem;font-weight:700;color:var(--ink);transition:all .25s;cursor:default;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,.05)}
.int-dflow-chip:hover{border-color:rgba(230,61,10,.3);box-shadow:0 4px 16px rgba(230,61,10,.10);transform:translateX(-3px)}
.int-dflow-out:hover{transform:translateX(3px)}
.int-dflow-chip i{font-size:.9rem;color:var(--flame);width:16px;text-align:center}
.int-dflow-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}
/* connector */
.int-dflow-connector{display:flex;align-items:center;gap:0}
.int-dflow-line{width:clamp(30px,4vw,64px);height:2px;background:linear-gradient(90deg,rgba(230,61,10,.2),rgba(230,61,10,.6));position:relative;overflow:hidden}
.int-dflow-line::after{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(230,61,10,.9),transparent);animation:flowPulse 1.8s ease-in-out infinite}
.int-dflow-arrow{color:var(--flame);font-size:.75rem;margin:0 2px}
/* center hub */
.int-dflow-hub{position:relative;display:flex;align-items:center;justify-content:center;width:120px;height:120px;flex-shrink:0}
.int-dflow-hub-ring{position:absolute;border-radius:50%;border:1.5px solid rgba(230,61,10,.2)}
.int-dflow-ring1{width:100%;height:100%;animation:hubPulse 2.4s ease-in-out infinite}
.int-dflow-ring2{width:136%;height:136%;border-color:rgba(230,61,10,.1);animation:hubPulse 2.4s ease-in-out .6s infinite}
.int-dflow-hub-core{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:6px;background:linear-gradient(145deg,#e63d0a,#ff6b2c);border-radius:20px;padding:1rem 1.2rem;box-shadow:0 8px 32px rgba(230,61,10,.35),0 2px 8px rgba(0,0,0,.1);font-family:var(--f-display,sans-serif);font-weight:700;font-size:.88rem;color:#fff;text-align:center;white-space:nowrap}
.int-dflow-hub-core i{font-size:1.4rem}
/* Logo variant — white bg, contain, rounded to match hub */
.int-dflow-hub-core:has(.int-dflow-hub-logo){background:#fff;padding:.6rem .8rem;box-shadow:0 8px 32px rgba(230,61,10,.25),0 2px 8px rgba(0,0,0,.1)}
.int-dflow-hub-logo{display:block;max-width:90px;max-height:60px;width:auto;height:auto;object-fit:contain}
/* stats */
.int-dflow-stats{display:flex;align-items:center;justify-content:center;gap:0;margin-top:3.2rem;background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:1.4rem 2rem;flex-wrap:wrap;box-shadow:0 4px 24px rgba(0,0,0,.06)}
.int-dflow-stat{text-align:center;padding:0 2.5rem;flex:1;min-width:120px}
.int-dflow-stat span{display:block;font-family:var(--fd);font-size:2rem;font-weight:800;color:var(--flame);line-height:1;margin-bottom:.3rem}
.int-dflow-stat{font-size:.78rem;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.06em}
.int-dflow-stat-div{width:1px;height:40px;background:var(--line)}
@keyframes hubPulse{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}
@keyframes flowPulse{0%{left:-100%}100%{left:200%}}
@media(max-width:820px){
  .int-dflow{flex-direction:column;gap:1.2rem}
  .int-dflow-col{flex-direction:row;flex-wrap:wrap;justify-content:center}
  .int-dflow-chip:hover{transform:none}
}
@media(max-width:560px){
  .int-dflow-stats{flex-direction:column;gap:1rem}
  .int-dflow-stat-div{width:48px;height:1px}
  .int-dflow-stat{padding:.5rem 0}
}

/* ── SEARCH + FILTERS ── */
.int-toolbar{background:var(--paper);border-bottom:1px solid var(--line)}
.int-toolbar-inner{display:flex;align-items:center;gap:16px;padding:14px var(--public-pad);flex-wrap:wrap}
.int-search{display:flex;align-items:center;gap:9px;background:var(--smoke);border:1px solid var(--line);border-radius:10px;padding:9px 14px;min-width:220px}
.int-search i{color:var(--muted);font-size:.82rem}
.int-search input{border:none;background:none;outline:none;font-size:.85rem;color:var(--ink);width:100%;font-family:var(--fb)}
.int-filters{display:flex;gap:8px;flex-wrap:wrap}
.int-filter-pill{padding:8px 15px;border-radius:99px;border:1px solid var(--line);background:var(--paper);color:var(--muted);font-size:.78rem;font-weight:700;cursor:pointer;transition:.2s;font-family:var(--fb);white-space:nowrap}
.int-filter-pill:hover{border-color:var(--flame-border,rgba(230,61,10,.28))}
.int-filter-pill.int-active{background:var(--flame);border-color:var(--flame);color:#fff}
.int-empty{text-align:center;color:var(--muted);font-size:.9rem;padding:2.5rem 0}
@media(max-width:640px){
  .int-toolbar-inner{flex-direction:column;align-items:stretch}
  .int-filters{flex-wrap:wrap}
}


/* ═══════════════════════════════════════════════════════════
   ABOUT (about.php) — prefix .ab-
   ═══════════════════════════════════════════════════════════ */

.ab-body{max-width:720px}
.ab-body h2{font-family:var(--fd);font-size:1.35rem;font-weight:700;color:var(--ink);margin:2.2rem 0 .9rem}
.ab-body h2:first-child{margin-top:0}
.ab-body p{font-size:.96rem;color:var(--muted);line-height:1.8;margin-bottom:1rem}
.ab-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:2rem}

.ab-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ab-fact{text-align:center;padding:1.6rem 1.2rem}
.ab-fact-icon{width:48px;height:48px;border-radius:12px;background:var(--paper);border:1px solid var(--line);color:var(--flame);display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin:0 auto 1rem}
.ab-fact-title{font-family:var(--fd);font-weight:700;color:var(--ink);font-size:1rem;margin-bottom:.5rem}
.ab-fact-desc{font-size:.85rem;color:var(--muted);line-height:1.6}

@media(max-width:720px){
  .ab-facts{grid-template-columns:1fr}
}


/* ═══════════════════════════════════════════════════════════
   SIGNUP (signup.php) — prefix .su-
   Rebuilt off the shared public-site shell — signup.php previously
   stood alone with its own inline <style>, no nav/footer.
   ═══════════════════════════════════════════════════════════ */

.su-section{padding:clamp(2.2rem,5vw,3.5rem) var(--public-pad) clamp(3rem,6vw,4.5rem);background:var(--paper)}
.su-shell{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;max-width:1080px}

/* ── LEFT: BRAND COLUMN ── */
.su-brand-col{padding-top:.5rem;position:sticky;top:calc(var(--nav-h) + 24px)}
.su-brand-title{font-family:var(--fd);font-size:clamp(1.7rem,3vw,2.3rem);font-weight:700;color:var(--ink);line-height:1.2;margin-bottom:.7rem}
.su-brand-sub{font-size:1rem;color:var(--muted);margin-bottom:1.8rem;line-height:1.6}
.su-benefits{list-style:none;padding:0;margin:0 0 1.8rem;display:flex;flex-direction:column;gap:11px}
.su-benefits li{display:flex;align-items:center;gap:9px;font-size:.9rem;font-weight:600;color:var(--ink)}
.su-benefits li i{color:#059669;font-size:.85rem}
.su-mini-showcase{background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--sh2);margin-bottom:1.6rem}
.su-mini-showcase-body{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px}
.su-mini-showcase .hp-showcase-kpi-val{font-size:.92rem}
.su-quote{font-family:var(--fd);font-style:italic;font-size:.95rem;color:var(--muted);line-height:1.7;border-left:3px solid var(--flame);padding-left:1rem}

/* ── RIGHT: FORM COLUMN ── */
.su-form-col{width:100%}

.su-steps{display:flex;align-items:center;gap:0;margin-bottom:1.4rem}
.su-step{display:flex;align-items:center;gap:8px;font-size:.76rem;font-weight:700;color:var(--muted);white-space:nowrap}
.su-step span{width:22px;height:22px;border-radius:50%;background:var(--smoke);border:1.5px solid var(--line);color:var(--muted);display:flex;align-items:center;justify-content:center;font-size:.72rem;flex-shrink:0}
.su-step.su-step-active{color:var(--ink)}
.su-step.su-step-active span{background:var(--flame);border-color:var(--flame);color:#fff}
.su-step.su-step-done span{background:#059669;border-color:#059669;color:#fff}
.su-step-line{flex:1;height:1.5px;background:var(--line);margin:0 8px;min-width:16px}

.su-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:2rem;box-shadow:var(--sh2)}
.su-title{font-family:var(--fd);font-size:1.25rem;font-weight:700;color:var(--ink);margin-bottom:.4rem}
.su-sub{font-size:.85rem;color:var(--muted);margin-bottom:1.6rem;line-height:1.5}

.su-success{text-align:center;padding:1rem}
.su-success-ico{width:52px;height:52px;border-radius:50%;background:#ecfdf5;color:#059669;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin:0 auto 1rem}
.su-success h2{font-family:var(--fd);font-size:1.2rem;font-weight:700;color:var(--ink);margin-bottom:.6rem}
.su-success p{font-size:.87rem;color:var(--muted);line-height:1.6}
.su-success.su-paused .su-success-ico{background:#fef3c7;color:#92400e}
.su-back-link{color:var(--flame);font-weight:700;text-decoration:none;font-size:.85rem}

.su-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:10px 14px;border-radius:8px;font-size:.82rem;margin-bottom:1.2rem}
.su-error a{color:#dc2626;font-weight:700;text-decoration:underline}

.su-row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.su-fg{margin-bottom:14px}
.su-fg label{display:block;font-size:.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}
.su-fg .su-req{color:var(--flame)}
.su-fg input,.su-fg select,.su-fg textarea{width:100%;padding:10px 12px;border:1.5px solid var(--line);border-radius:8px;font-size:.86rem;background:var(--smoke);color:var(--ink);outline:none;transition:all .15s;font-family:var(--fb)}
.su-fg input:focus,.su-fg select:focus,.su-fg textarea:focus{border-color:var(--flame);background:var(--paper);box-shadow:0 0 0 3px var(--flame-soft,rgba(230,61,10,.08))}
.su-fg textarea{resize:vertical;min-height:70px}
.su-hint{font-size:.72rem;color:var(--muted);margin-top:4px}
.su-otp-input{letter-spacing:10px;font-size:1.5rem;font-weight:800;text-align:center;font-family:var(--fb)}

.su-terms{display:flex;align-items:flex-start;gap:8px;font-size:.78rem;color:var(--muted);margin:16px 0}
.su-terms input{margin-top:3px}
.su-terms a{color:var(--flame);text-decoration:none;font-weight:600}

.su-btn-link{width:100%;background:none;border:none;color:var(--flame);font-size:.8rem;font-weight:700;cursor:pointer;padding:10px;margin-top:6px}
.su-btn-plain{display:block;width:100%;text-align:center;background:none;border:none;color:var(--muted);font-size:.78rem;cursor:pointer;padding:6px;text-decoration:underline}
.su-foot{text-align:center;margin-top:1.4rem;font-size:.86rem;color:var(--muted)}
.su-foot a{color:var(--flame);font-weight:700;text-decoration:none}

@media(max-width:900px){
  .su-shell{grid-template-columns:1fr;gap:2rem}
  .su-brand-col{position:static;order:2}
  .su-form-col{order:1}
  .su-mini-showcase,.su-quote{display:none}
}
@media(max-width:480px){
  .su-row2{grid-template-columns:1fr}
  .su-card{padding:1.4rem}
  .su-step{font-size:0}
  .su-step span{font-size:.72rem}
}


/* ═══════════════════════════════════════════════════════════
   AD LANDING PAGE (lp/index.php) — prefix .lp-
   Deliberately does not load main.js on this page (faster load =
   better ad Quality Score), so the CTA button's "alive" feel comes
   from a pure-CSS hover here instead of the pointer-tracked glow
   the rest of the site uses.
   ═══════════════════════════════════════════════════════════ */

/* This page doesn't use the normal fixed #nav (see includes/site-shell.php's
   renderPublicNav()) — it has its own plain, in-flow .lp-header instead — so
   style-consolidated.css's global body{padding-top:var(--nav-h)} (sized for
   the fixed nav's height) would otherwise leave an unwanted 68px gap above
   this header. */
body.lp-body{padding-top:0}

.lp-header{padding:16px var(--public-pad);border-bottom:1px solid var(--line);background:var(--paper)}
.lp-header-inner{display:flex;align-items:center;justify-content:space-between}
.lp-logo{font-family:var(--fd);font-size:1.15rem;font-weight:700;color:var(--ink);text-decoration:none;display:flex;align-items:center}
.lp-header-login{font-size:.85rem;font-weight:600;color:var(--muted);text-decoration:none;transition:color .2s}
.lp-header-login:hover{color:var(--flame)}

.lp-cta-btn{transition:transform .2s var(--ease),box-shadow .2s var(--ease)!important}
.lp-cta-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 10px 28px rgba(230,61,10,.35)}

.lp-footer{padding:24px var(--public-pad);border-top:1px solid var(--line);background:var(--smoke)}
.lp-footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:.78rem;color:var(--muted)}
.lp-footer-links{display:flex;gap:18px}
.lp-footer-links a{color:var(--muted);text-decoration:none}
.lp-footer-links a:hover{color:var(--flame)}

@media(max-width:600px){
  .lp-footer-inner{flex-direction:column;text-align:center}
}


/* ═══════════════════════════════════════════════════════════
   SIMPLE LEGAL PAGES (refund-policy.php etc.) — prefix .ls-
   ═══════════════════════════════════════════════════════════ */

.ls-body{max-width:760px}
.ls-body h2{font-family:var(--fd);font-size:1.2rem;font-weight:700;color:var(--ink);margin:2rem 0 .8rem}
.ls-body h2:first-child{margin-top:0}
.ls-body p{font-size:.92rem;color:var(--muted);line-height:1.75;margin-bottom:1rem}
.ls-body ul{margin:0 0 1rem 1.2rem;padding:0}
.ls-body li{font-size:.92rem;color:var(--muted);line-height:1.7;margin-bottom:.4rem}
.ls-body a{color:var(--flame);text-decoration:none;font-weight:600}

/* ═══════════════════════════════════════════════════════════
   HOMEPAGE REDESIGN ADDITIONS — prefix .hp- (continued)
   Nav scroll state, numbered feature cards, enhanced workflow,
   promoted Reporting + Client Portal sections. All colors pull
   from the Design System token set (--flame/--ds-*), nothing
   new hardcoded.
   ═══════════════════════════════════════════════════════════ */

/* Nav — plain-text "Login" link, right side, ahead of the primary CTA
   button (Left: logo / Center: nav links / Right: Login, Get Started). */
.nav-login{font-size:.86rem;font-weight:600;color:var(--muted);text-decoration:none;transition:color .15s;white-space:nowrap}
.nav-login:hover{color:var(--ink)}
body.hp-navy #nav .nav-login{color:rgba(255,255,255,.72)}
body.hp-navy #nav .nav-login:hover{color:#fff}
.drawer .nav-cta-sec{background:none;color:var(--ink)}

/* Sticky nav — subtle shadow + slightly reduced height once scrolled,
   toggled by theme.js. Navy stays navy on the homepage (kept per brand
   decision), just gains depth; other pages' light nav gains a shadow too. */
#nav{transition:height .2s var(--ease),box-shadow .2s var(--ease)}
#nav.nav-scrolled{height:calc(var(--nav-h) - 8px);box-shadow:var(--sh2)}
body.hp-navy #nav.nav-scrolled{box-shadow:0 8px 28px rgba(0,0,0,.28)}

/* Hero product-showcase KPI icons — were inline hex styles, now token-driven */
.hp-showcase-kpi-ico-info{background:color-mix(in srgb, var(--ds-info,#2563eb) 12%, white);color:var(--ds-info,#2563eb)}
.hp-showcase-kpi-ico-accent{background:var(--flame-soft);color:var(--flame)}
.hp-showcase-kpi-ico-success{background:color-mix(in srgb, var(--ds-success,#059669) 12%, white);color:var(--ds-success,#059669)}
.hp-showcase-kpi-ico-secondary{background:color-mix(in srgb, var(--ds-secondary,#0d0f14) 8%, white);color:var(--ds-secondary,#0d0f14)}

/* Feature grid — 01-06 category numbering + token-driven icon colors */
.hp-grid6-card{position:relative}
.hp-grid6-num{position:absolute;top:1.3rem;right:1.4rem;font-family:var(--fm);font-size:.74rem;font-weight:700;color:var(--line);letter-spacing:1px;transition:color .2s}
.hp-grid6-card:hover .hp-grid6-num{color:var(--flame)}
.hp-grid6-icon-accent{background:var(--flame-soft);color:var(--flame)}
.hp-grid6-icon-info{background:color-mix(in srgb, var(--ds-info,#2563eb) 12%, white);color:var(--ds-info,#2563eb)}
.hp-grid6-icon-success{background:color-mix(in srgb, var(--ds-success,#059669) 12%, white);color:var(--ds-success,#059669)}
.hp-grid6-icon-secondary{background:color-mix(in srgb, var(--ds-secondary,#0d0f14) 8%, white);color:var(--ds-secondary,#0d0f14)}
.hp-grid6-icon-warning{background:color-mix(in srgb, var(--ds-warning,#d97706) 12%, white);color:var(--ds-warning,#d97706)}

/* Workflow — connecting line + numbered icon badges, the "strongest visual
   section": bigger icons, a progress line running behind the row. */
.hp-workflow{position:relative}
.hp-workflow::before{content:'';position:absolute;top:38px;left:80px;right:80px;height:2px;background:linear-gradient(90deg,var(--line) 0%,var(--flame-soft) 50%,var(--line) 100%);z-index:0}
.hp-workflow-node{position:relative;z-index:1}
.hp-workflow-icon-wrap{position:relative;display:inline-flex}
.hp-workflow-icon{width:64px;height:64px;font-size:1.4rem}
.hp-workflow-num{position:absolute;top:-5px;right:-5px;width:20px;height:20px;border-radius:50%;background:var(--flame);color:#fff;font-family:var(--fm);font-size:.6rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 3px var(--paper)}
.hp-section-alt .hp-workflow-num{box-shadow:0 0 0 3px var(--smoke)}
@media(max-width:900px){.hp-workflow::before{display:none}}

/* ── REPORTING (promoted standalone section) ── */
.hp-report-sec{padding:clamp(3rem,7vw,5rem) var(--public-pad);background:var(--paper)}
.hp-report-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;margin-top:2.2rem}
.hp-report-steps{display:flex;flex-direction:column}
.hp-report-step{display:flex;gap:14px;padding:12px 0;position:relative}
.hp-report-step:not(:last-child)::after{content:'';position:absolute;left:19px;top:48px;bottom:-6px;width:2px;background:var(--line)}
.hp-report-step-num{width:40px;height:40px;border-radius:50%;background:var(--smoke);border:2px solid var(--line);display:flex;align-items:center;justify-content:center;font-family:var(--fm);font-weight:800;font-size:.88rem;color:var(--muted);flex-shrink:0;z-index:1;transition:.2s}
.hp-report-step.hp-report-final .hp-report-step-num{background:var(--flame);border-color:var(--flame);color:#fff}
.hp-report-step-body{padding-top:5px}
.hp-report-step-title{font-weight:700;color:var(--ink);font-size:.95rem;margin-bottom:2px}
.hp-report-step-desc{font-size:.82rem;color:var(--muted);line-height:1.55}
.hp-report-lock-note{margin-top:1.4rem;padding:14px 16px;background:var(--smoke);border:1px solid var(--line);border-left:3px solid var(--flame);border-radius:10px;font-size:.85rem;color:var(--ink);font-weight:600;display:flex;gap:10px;align-items:flex-start}
.hp-report-lock-note i{color:var(--flame);margin-top:2px;flex-shrink:0}

.hp-report-preview{background:var(--ink,#0d0d0f);border-radius:16px;padding:1.6rem;box-shadow:var(--sh3)}
.hp-report-preview-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem}
.hp-report-preview-title{color:#fff;font-family:var(--fd);font-weight:700;font-size:1rem}
.hp-report-preview-badge{font-family:var(--fm);font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;padding:4px 10px;border-radius:20px}
.hp-report-preview-badge-published{background:rgba(5,150,105,.22);color:#34d399}
.hp-report-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:1.2rem}
.hp-report-kpi{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:.7rem .8rem}
.hp-report-kpi-lbl{font-size:.6rem;color:rgba(255,255,255,.5);font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}
.hp-report-kpi-val{font-family:var(--fm);font-size:1.05rem;font-weight:700;color:#fff}
.hp-report-kpi-val.hp-report-good{color:#34d399}
.hp-report-bar-row{display:flex;align-items:center;gap:10px;margin-bottom:.6rem}
.hp-report-bar-lbl{font-size:.72rem;color:rgba(255,255,255,.6);width:76px;flex-shrink:0}
.hp-report-bar-track{flex:1;height:6px;background:rgba(255,255,255,.08);border-radius:4px;overflow:hidden}
.hp-report-bar-fill{height:100%;background:var(--flame);border-radius:4px}
.hp-report-bar-val{font-family:var(--fm);font-size:.72rem;color:#fff;font-weight:700;width:34px;text-align:right;flex-shrink:0}

/* ── CLIENT PORTAL PREVIEW (promoted standalone section) ── */
.hp-portal-sec{padding:clamp(3rem,7vw,5rem) var(--public-pad);background:var(--smoke)}
.hp-portal-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;margin-top:2.2rem}
.hp-portal-benefits{display:flex;flex-direction:column;gap:14px;margin:1.2rem 0}
.hp-portal-benefit{display:flex;gap:12px;align-items:flex-start;font-size:.87rem;color:var(--ink);font-weight:600}
.hp-portal-benefit i{color:var(--flame);margin-top:3px;flex-shrink:0;font-size:.85rem}
.hp-portal-hidden-note{margin-top:1.2rem;padding:14px 16px;background:var(--paper);border:1px solid var(--line);border-radius:10px;font-size:.82rem;color:var(--muted);display:flex;gap:10px;align-items:flex-start;line-height:1.5}
.hp-portal-hidden-note i{color:var(--ds-danger,#dc2626);margin-top:2px;flex-shrink:0}

.hp-portal-mock{background:var(--paper);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--sh2)}
.hp-portal-mock-head{background:var(--navy);padding:1rem 1.2rem;display:flex;align-items:center;justify-content:space-between}
.hp-portal-mock-brand{color:#fff;font-family:var(--fd);font-weight:700;font-size:.9rem;display:flex;align-items:center;gap:8px}
.hp-portal-mock-brand span{width:26px;height:26px;border-radius:7px;background:var(--flame);display:inline-flex;align-items:center;justify-content:center;font-size:.7rem;flex-shrink:0}
.hp-portal-mock-user{color:rgba(255,255,255,.6);font-size:.72rem}
.hp-portal-mock-body{padding:1.2rem}
.hp-portal-mock-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:1rem}
.hp-portal-mock-kpi{background:var(--smoke);border-radius:10px;padding:.8rem}
.hp-portal-mock-kpi-lbl{font-size:.64rem;color:var(--muted);font-weight:700;margin-bottom:3px}
.hp-portal-mock-kpi-val{font-family:var(--fm);font-size:1.1rem;font-weight:700;color:var(--ink)}
.hp-portal-mock-list-row{display:flex;justify-content:space-between;padding:.6rem 0;border-bottom:1px solid var(--line);font-size:.82rem;color:var(--ink)}
.hp-portal-mock-list-row:last-child{border-bottom:none}

@media(max-width:760px){
  .hp-report-grid,.hp-portal-grid{grid-template-columns:1fr;gap:2rem}
  .hp-report-preview{order:-1}
}
@media(max-width:480px){
  .hp-report-kpis{grid-template-columns:repeat(2,1fr)}
}
@font-face{font-family:'Axiforma';src:url('assets/fonts/axiforma/woff2/Axiforma%20Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Axiforma';src:url('assets/fonts/axiforma/woff2/Axiforma%20Medium.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:'Axiforma';src:url('assets/fonts/axiforma/woff2/Axiforma%20Semi%20Bold.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:'Axiforma';src:url('assets/fonts/axiforma/woff2/Axiforma%20Bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}

.ls-body a:hover{text-decoration:underline}

/* Shared public shell: loaded by every page through renderSeoHead(). */
.nav-dropdown {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(10px) scale(0.98);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  width: 620px;
  padding: 20px;
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(10, 26, 47, 0.08);
  border-radius: 16px;
  box-shadow: 0 15px 45px rgba(13, 31, 45, 0.09), 0 2px 5px rgba(13, 31, 45, 0.02);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease, transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  z-index: 9999;
}
.nav-item-with-dropdown {
  position: relative;
}
.nav-item-with-dropdown:hover .nav-dropdown,
.nav-item-with-dropdown.active .nav-dropdown,
.nav-dropdown.show {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0) scale(1);
}
.nav-dropdown-item {
  display: flex !important;
  flex-direction: row !important;
  gap: 14px !important;
  padding: 12px 14px !important;
  border-radius: 10px !important;
  border-left: none !important;
  text-decoration: none !important;
  transition: background 0.2s ease, transform 0.2s ease, padding 0.2s ease !important;
}
.nav-dropdown-item:hover {
  background: rgba(230, 61, 10, 0.04) !important;
  transform: translateX(4px);
  padding-left: 14px !important;
}
/* Fallback if site-shell.php template changes are not yet loaded/uploaded to the server */
.nav-dropdown-item:not(:has(.nav-dd-content)) {
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 3px !important;
}
.nav-dropdown-item:not(:has(.nav-dd-content)) span {
  display: block !important;
}
.nav-dropdown-item:not(:has(.nav-dd-content)) span:first-child {
  font-size: 13.5px;
  font-weight: 600;
  color: var(--ink);
}
.nav-dropdown-item:not(:has(.nav-dd-content)):hover span:first-child {
  color: var(--flame);
}
.nav-dd-icon {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: rgba(230, 61, 10, 0.07);
  color: var(--flame);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  flex-shrink: 0;
  transition: background 0.2s ease, color 0.2s ease;
}
.nav-dropdown-item:hover .nav-dd-icon {
  background: var(--flame);
  color: #fff;
}
.nav-dd-content {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.nav-dd-content span:first-child {
  font-size: 13.5px;
  font-weight: 600;
  color: var(--ink);
  transition: color 0.2s ease;
}
.nav-dropdown-item:hover .nav-dd-content span:first-child {
  color: var(--flame);
}
.nav-dd-desc {
  font-size: 11px !important;
  color: var(--muted);
  font-weight: 400;
  line-height: 1.4;
  margin: 0;
  white-space: normal;
}
body.hp-navy .nav-dropdown {
  background: rgba(10, 26, 47, 0.95) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 15px 45px rgba(0, 0, 0, 0.35) !important;
}
body.hp-navy .nav-dropdown-item:hover {
  background: rgba(255, 255, 255, 0.05) !important;
}
body.hp-navy .nav-dd-content span:first-child {
  color: #fff !important;
}
body.hp-navy .nav-dd-desc {
  color: rgba(255, 255, 255, 0.6) !important;
}
.nav-logo-img{height:40px;width:auto;max-width:220px;object-fit:contain;vertical-align:middle}.nav-logo-header-dark{display:none}body.hp-navy .nav-logo-header-light{display:none}body.hp-navy .nav-logo-header-dark{display:inline-block}@media(max-width:600px){.nav-logo-img{height:34px;max-width:170px}}
.ft-cta-sec,.site-footer-main{background:var(--navy)!important;border-color:var(--navy-line)!important}.site-footer-main{margin-top:0!important}.ft-cta-title,.ft-brand-logo,.ft-contact-val{color:#f0ede8!important}.ft-cta-desc,.ft-brand-desc{color:#8a8d97!important}.ft-cta-btn-sec{border-color:var(--navy-line)!important;color:#c8cad2!important}.ft-cta-stats{background:rgba(255,255,255,.04)!important;border-color:var(--navy-line)!important}.ft-cta-stat{background:#0f2138!important}.ft-main-grid,.ft-col-hd,.ft-bottom-bar{border-color:var(--navy-line)!important}.ft-social-ico,.ft-avail-badge,.ft-contact-ico{background:rgba(255,255,255,.05)!important;border-color:var(--navy-line)!important}.ft-nav-link,.ft-col-hd,.ft-avail-txt,.ft-copy-txt,.ft-legal-link,.ft-contact-lbl{color:#9a9dab!important}.ft-nav-link:hover,.ft-legal-link:hover{color:#fff!important}.ft-legal-sep{background:var(--navy-line)!important}.ft-brand-img{height:40px;width:auto;max-width:220px;object-fit:contain;display:block}.ft-brand-logo-on-light{display:none}.ft-brand-logo-on-dark{display:block}body.footer-light .site-footer-main .ft-brand-logo-on-light{display:block}body.footer-light .site-footer-main .ft-brand-logo-on-dark{display:none}@media(max-width:600px){.ft-brand-img{height:36px;max-width:190px}}
.ft-social-ico.ft-ico-linkedin:hover,.ft-social-ico.ft-ico-linkedin:focus-visible{border-color:#0077b5;color:#0077b5}.ft-social-ico.ft-ico-instagram:hover,.ft-social-ico.ft-ico-instagram:focus-visible{border-color:#e1306c;color:#e1306c}.ft-social-ico.ft-ico-twitter:hover,.ft-social-ico.ft-ico-twitter:focus-visible{border-color:#1da1f2;color:#1da1f2}.ft-social-ico.ft-ico-github:hover,.ft-social-ico.ft-ico-github:focus-visible{border-color:#333;color:#333}.ft-social-ico.ft-ico-whatsapp:hover,.ft-social-ico.ft-ico-whatsapp:focus-visible{border-color:#25d366;color:#25d366}.ft-social-ico.ft-ico-email:hover,.ft-social-ico.ft-ico-email:focus-visible{border-color:var(--flame);color:var(--flame)}
@media(min-width:901px){.ft-main-grid{grid-template-columns:1.5fr 1fr 1fr 1.2fr!important}}.ft-newsletter-form{display:flex;gap:0;margin-top:.9rem;max-width:280px}.ft-newsletter-form input[type=email]{flex:1;min-width:0;padding:9px 12px;border:1px solid var(--navy-line);border-radius:8px 0 0 8px;background:rgba(255,255,255,.05);color:#f0ede8;font-size:.82rem;font-family:var(--fb);outline:none}.ft-newsletter-form input[type=email]::placeholder{color:#6b6f7a}.ft-newsletter-form button{padding:9px 14px;border:none;border-radius:0 8px 8px 0;background:var(--flame);color:#fff;font-size:.8rem;font-weight:700;cursor:pointer;white-space:nowrap}.ft-newsletter-form button:disabled{opacity:.6;cursor:default}.ft-newsletter-msg{font-size:.74rem;margin-top:.5rem;min-height:1em}.ft-newsletter-msg.ok{color:#4ade80}.ft-newsletter-msg.err{color:#f87171}

/* ═══════════════════════════════════════════════════════════
  AGENCYNEST HOMEPAGE REDESIGN — scoped to index.php only
  ═══════════════════════════════════════════════════════════ */
.an-home{background:var(--an-paper)}
.an-home>.hp-hero,.an-home>.hp-wrap,.an-home>.hp-section,.an-home>.hp-stats-strip,.an-home>.hp-report-sec,.an-home>.hp-portal-sec,.an-home>.hp-ai-section,.an-home>.process-section,.an-home>.hp-cta-band{display:none}
.an-homepage{background:var(--an-paper);color:var(--an-ink);font-family:var(--fb)}
.an-shell{max-width:1240px;margin:0 auto;padding-left:clamp(20px,5vw,72px);padding-right:clamp(20px,5vw,72px)}
.an-kicker{color:var(--an-orange);font-family:var(--fm);font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin:0 0 24px}.an-live-dot{display:inline-block;width:7px;height:7px;background:var(--an-orange);border-radius:50%;margin-right:8px}
.an-hero{background:var(--an-ink);color:#fff;padding:clamp(62px,8vw,116px) 0 0;overflow:hidden}.an-hero-grid{display:grid;grid-template-columns:minmax(320px,1fr) minmax(460px,1.1fr);gap:clamp(35px,6vw,96px);align-items:center}.an-hero h1{color:#fff;font-family:var(--fd);font-size:clamp(3.2rem,6.5vw,6.4rem);font-weight:600;line-height:.94;letter-spacing:-.035em;margin:0 0 30px}.an-hero h1 em,.an-section h2 em,.an-final h2 em{font-style:normal;color:var(--an-orange)}.an-hero-lead{color:rgba(255,255,255,.72);font-size:1.06rem;line-height:1.7;max-width:490px;margin:0 0 34px}.an-actions{display:flex;flex-wrap:wrap;gap:12px}.an-button{display:inline-flex;align-items:center;gap:18px;padding:14px 20px;text-decoration:none;font-size:.88rem;font-weight:700;transition:transform .2s,background .2s}.an-button:hover{transform:translateY(-2px)}.an-button-orange{background:var(--an-orange);color:#fff}.an-button-line{border:1px solid rgba(255,255,255,.28);color:#fff}.an-button-line:hover{background:rgba(255,255,255,.1)}.an-microcopy{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.43);font-family:var(--fm);font-size:.67rem;margin-top:22px}.an-microcopy span{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.35)}
.an-dashboard{background:#f4f2ed;color:var(--an-ink);box-shadow:0 28px 70px rgba(0,0,0,.32);border:6px solid #243746;border-bottom:0}.an-dash-top{height:33px;background:#243746;color:#afbdc4;display:flex;align-items:center;padding:0 13px;font:10px var(--fm)}.an-window-dots{display:flex;gap:4px}.an-window-dots i{width:7px;height:7px;background:#71808a;border-radius:50%}.an-dash-url{margin:auto}.an-dash-user{width:20px;height:20px;background:var(--an-orange);color:#fff;border-radius:50%;font-size:7px;display:grid;place-items:center}.an-dash-content{display:grid;grid-template-columns:140px 1fr;min-height:395px}.an-dash-content aside{background:#e9e8e2;padding:18px 12px;display:flex;flex-direction:column;gap:15px;font-size:10px;color:#7a8387}.an-dash-content aside strong{color:var(--an-ink);font-family:var(--fd);font-size:17px;margin-bottom:10px}.an-side-active{color:var(--an-orange);font-weight:700;border-left:2px solid var(--an-orange);padding-left:8px}.an-dash-main{padding:22px 20px}.an-dash-heading{display:flex;justify-content:space-between;align-items:start}.an-dash-heading small{font:8px var(--fm);color:#8b9699;letter-spacing:.08em}.an-dash-heading h2{font:600 20px var(--fd);margin:4px 0 18px}.an-dash-heading>b{background:#fff;border:1px solid #d8d7d0;font:9px var(--fm);padding:8px 10px}.an-dash-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.an-dash-kpis>div{background:#fff;border:1px solid #e0ded7;padding:11px}.an-dash-kpis small,.an-report-stats small{display:block;color:#879195;font:8px var(--fm);text-transform:uppercase}.an-dash-kpis strong{display:block;font:700 18px var(--fd);margin:5px 0}.an-dash-kpis em,.an-report-stats em{font:700 8px var(--fm);font-style:normal;color:#16815b}.an-dash-lower{display:grid;grid-template-columns:1.45fr 1fr;gap:10px;margin-top:10px}.an-chart,.an-pipeline{background:#fff;border:1px solid #e0ded7;padding:13px}.an-card-head{display:flex;justify-content:space-between;margin-bottom:13px;font-size:9px}.an-card-head span{color:#879195;font:8px var(--fm)}.an-chart-lines{height:118px;position:relative}.an-chart-lines>i{display:block;border-top:1px solid #eceae4;margin-top:29px}.an-chart-lines svg{position:absolute;inset:0;width:100%;height:100%}.an-chart-lines polyline{fill:none;stroke:#718d9b;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.an-chart-lines .an-chart-orange{stroke:var(--an-orange);stroke-width:3}.an-axis{display:flex;justify-content:space-between;color:#9aa3a5;font:7px var(--fm)}.an-pipeline>div:not(.an-card-head){position:relative;font-size:9px;padding:8px 0;border-bottom:1px solid #eceae4}.an-pipeline b{float:right}.an-pipeline i{display:block;height:3px;background:var(--an-orange);margin-top:7px;opacity:.8}.an-pipeline>div:nth-child(3) i{background:#758b98}.an-pipeline>div:nth-child(4) i{background:#bf8a67}.an-hero-foot{display:flex;align-items:center;gap:20px;border-top:1px solid rgba(255,255,255,.15);margin-top:70px;padding-top:20px;padding-bottom:20px;color:rgba(255,255,255,.65);font:10px var(--fm)}.an-hero-foot span{color:var(--an-orange);margin-right:auto}.an-hero-foot b{font-weight:500}.an-hero-foot i{font-style:normal;color:var(--an-orange);font-size:17px}
.an-section{padding:clamp(78px,11vw,150px) 0}.an-problem{background:#fff}.an-problem-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(30px,9vw,150px)}.an-section h2{font:600 clamp(2.6rem,5vw,5.1rem)/.98 var(--fd);letter-spacing:-.035em;margin:0}.an-problem-copy{padding-top:35px;color:var(--an-muted);font-size:1.1rem;line-height:1.7}.an-callout{color:var(--an-ink);font-weight:700;border-left:3px solid var(--an-orange);padding-left:18px;margin-top:35px}.an-flow-strip{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:100px;padding-top:24px;border-top:1px solid var(--an-rule);font:700 .78rem var(--fm)}.an-flow-strip i{color:#a5abad;font-style:normal}.an-flow-strip b{color:var(--an-orange);font-size:18px}.an-flow-strip strong{background:var(--an-ink);color:#fff;padding:12px 18px;font-size:.8rem}
.an-journey{background:var(--an-paper)}.an-section-intro{max-width:650px}.an-section-intro>p:last-child,.an-intro-wide>p:last-child{color:var(--an-muted);line-height:1.7;max-width:470px;margin-top:28px}.an-journey-line{display:flex;align-items:stretch;margin-top:75px}.an-journey-line>div{flex:1;border-top:2px solid var(--an-ink);padding:18px 12px 0;position:relative}.an-journey-line>div:before{content:'';position:absolute;width:9px;height:9px;background:var(--an-paper);border:2px solid var(--an-ink);border-radius:50%;top:-7px;left:0}.an-journey-line b{display:block;color:var(--an-orange);font:700 .68rem var(--fm);margin-bottom:20px}.an-journey-line strong{display:block;font:700 1rem var(--fd)}.an-journey-line span{display:block;color:var(--an-muted);font-size:.74rem;margin-top:7px}.an-journey-line>i{font-style:normal;color:var(--an-orange);font-size:21px;padding:12px 2px 0}.an-journey-line .an-journey-win{border-color:var(--an-orange)}.an-journey-line .an-journey-win:before{background:var(--an-orange);border-color:var(--an-orange)}
.an-views{background:#e9e8e2}.an-intro-wide{max-width:760px}.an-view-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin-top:65px;background:var(--an-ink)}.an-view-panel{padding:34px;min-height:265px;background:#fff}.an-view-panel.an-client-view{background:var(--an-ink);color:#fff}.an-view-top{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--an-rule);padding-bottom:18px;margin-bottom:30px;font:700 .68rem var(--fm);letter-spacing:.1em}.an-client-view .an-view-top{border-color:rgba(255,255,255,.2)}.an-view-top b{font-weight:500;letter-spacing:0;color:var(--an-muted)}.an-client-view .an-view-top span{color:var(--an-orange)}.an-view-panel>strong{font:600 1.6rem var(--fd)}.an-view-list{display:grid;gap:10px;margin-top:27px;color:var(--an-muted);font-size:.78rem}.an-view-list span{display:flex;justify-content:space-between;border-bottom:1px solid var(--an-rule);padding-bottom:8px}.an-client-view .an-view-list span{border-color:rgba(255,255,255,.15)}.an-view-list b{color:var(--an-ink)}.an-client-view .an-view-list b{color:#fff}
.an-report{background:#fff}.an-report-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(35px,8vw,120px);align-items:center}.an-publish{display:flex;align-items:center;gap:12px;margin-top:45px;color:var(--an-muted);font:700 .68rem var(--fm)}.an-publish i{font-style:normal;color:var(--an-orange);font-size:16px}.an-publish strong{background:var(--an-orange);color:#fff;padding:10px 12px}.an-report-card{background:var(--an-paper);border:1px solid var(--an-rule);padding:clamp(24px,4vw,42px);box-shadow:14px 14px 0 var(--an-ink)}.an-report-card-top{display:flex;justify-content:space-between;border-bottom:1px solid var(--an-rule);padding-bottom:16px;color:var(--an-muted);font:700 .66rem var(--fm);letter-spacing:.1em}.an-report-card-top b{color:#16815b}.an-report-card h3{font:600 2rem var(--fd);margin:26px 0}.an-report-card h3 small{display:block;font:10px var(--fm);color:var(--an-muted);margin-top:5px}.an-report-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.an-report-stats>div{border-left:2px solid var(--an-orange);padding-left:10px}.an-report-stats b{display:block;font:700 1.3rem var(--fd);margin:5px 0}.an-report-insight{display:flex;gap:12px;background:#fff;border:1px solid var(--an-rule);padding:15px;margin-top:30px;font-size:.76rem;line-height:1.5;color:var(--an-muted)}.an-report-insight span{color:var(--an-orange);font-size:17px}.an-report-insight p{margin:0}.an-report-insight b{color:var(--an-ink)}
.an-scenarios{background:var(--an-paper)}.an-scenario-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--an-rule);margin-top:65px;border-top:1px solid var(--an-rule);border-bottom:1px solid var(--an-rule)}.an-scenario-grid article{background:var(--an-paper);padding:26px 20px 30px;min-height:210px}.an-scenario-grid article>b{color:var(--an-orange);font:700 .63rem var(--fm);letter-spacing:.08em}.an-scenario-grid h3{font:600 1.35rem/1.1 var(--fd);margin:28px 0 15px}.an-scenario-grid span{color:var(--an-muted);font-size:.78rem;line-height:1.5}
.an-capabilities{background:#fff}.an-cap-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--an-rule);margin-top:65px}.an-cap-grid a{display:grid;grid-template-columns:36px 1fr 20px;column-gap:10px;text-decoration:none;color:var(--an-ink);padding:24px 10px 24px 0;border-bottom:1px solid var(--an-rule)}.an-cap-grid a:hover strong{color:var(--an-orange)}.an-cap-grid b{color:var(--an-orange);font:700 .68rem var(--fm)}.an-cap-grid strong{font:700 1rem var(--fd);transition:color .2s}.an-cap-grid span{grid-column:2;color:var(--an-muted);font-size:.75rem;margin-top:6px}.an-cap-grid a> :last-child{grid-column:3;grid-row:1 / span 2;text-align:right;color:var(--an-orange)}
.an-final{background:var(--an-ink,#0a1a2f)!important;color:#fff!important;text-align:center;padding:clamp(85px,12vw,160px) 0}.an-final .an-kicker{margin-bottom:28px;color:var(--an-orange,var(--flame,#e63d0a))!important}.an-final h2,.an-home .an-final h2{color:#ffffff!important;font-family:var(--f-display,var(--font-display,'Syne',sans-serif))!important;font-weight:600;font-size:clamp(3rem,7vw,6.8rem);line-height:.92;letter-spacing:-.04em;margin:0}.an-final h2 em,.an-home .an-final h2 em{color:var(--an-orange,var(--flame,#e63d0a))!important;font-style:normal}.an-final>div>p:not(.an-kicker),.an-home .an-final>div>p:not(.an-kicker){color:rgba(255,255,255,.78)!important;font-size:1.05rem;margin:28px auto 34px}.an-final .an-actions{justify-content:center}.an-button-dark-line{border:1px solid rgba(255,255,255,.25)!important;color:#fff!important}
.int-hero-conn-card{width:100%;max-width:330px;margin-left:auto}
@media(max-width:900px){.an-hero-grid,.an-problem-grid,.an-report-grid{grid-template-columns:1fr}.an-hero-grid{gap:60px}.an-dashboard{max-width:700px}.an-hero-foot{margin-top:50px}.an-scenario-grid{grid-template-columns:repeat(2,1fr)}.an-cap-grid{grid-template-columns:repeat(2,1fr)}.int-hero-conn-card{max-width:100%;margin-left:0}}
@media(max-width:620px){.an-homepage{width:100%;overflow:hidden}.an-hero{padding-top:54px}.an-hero h1{font-size:clamp(3rem,15vw,4.4rem)}.an-hero-lead{font-size:.96rem}.an-microcopy{flex-wrap:wrap}.an-dash-content{grid-template-columns:1fr}.an-dash-content aside{display:none}.an-dash-main{padding:15px}.an-dash-kpis{grid-template-columns:repeat(2,1fr)}.an-dash-lower{grid-template-columns:1fr}.an-pipeline{display:none}.an-hero-foot{gap:12px;font-size:8px}.an-hero-foot span{width:100%;margin:0}.an-flow-strip{margin-top:65px;justify-content:flex-start}.an-flow-strip b{width:100%;text-align:center}.an-journey-line{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;margin-top:50px}.an-journey-line>i{display:none}.an-journey-line>div{min-height:120px}.an-journey-line>div:nth-child(2n){margin-top:38px}.an-view-grid{grid-template-columns:1fr}.an-view-panel{min-height:0;padding:25px}.an-report-stats{grid-template-columns:repeat(2,1fr);gap:18px}.an-report-card{box-shadow:8px 8px 0 var(--an-ink)}.an-scenario-grid,.an-cap-grid{grid-template-columns:1fr}.an-section h2{font-size:clamp(2.65rem,13vw,4rem)}.an-publish{flex-wrap:wrap}.an-publish i{display:none}}

/* Homepage public shell polish: the product uses navy as an anchor, not as
  the background of every surface. These rules intentionally stay under
  .an-home so the shared public pages retain their own presentation. */
#nav .nav-logo-header-light,.an-home #nav .nav-logo-header-light{display:inline-block}#nav .nav-logo-header-dark,.an-home #nav .nav-logo-header-dark{display:none}#nav .nl,#nav .nav-login,.an-home #nav .nl,.an-home #nav .nav-login{color:var(--an-ink)}#nav .nl:hover,#nav .nl.active,#nav .nav-login:hover,.an-home #nav .nl:hover,.an-home #nav .nl.active,.an-home #nav .nav-login:hover{color:var(--an-orange);background-color:rgba(230,61,10,0.06)}#nav .nl.active,.an-home #nav .nl.active{background-color:rgba(230,61,10,0.08)}#nav .ham span,.an-home #nav .ham span{background:var(--an-ink)}
.an-home .an-hero{background:var(--an-paper);color:var(--an-ink);border-bottom:1px solid var(--an-rule)}.an-home .an-hero h1{color:var(--an-ink)}.an-home .an-hero-lead{color:var(--an-muted)}.an-home .an-button-line{border-color:var(--an-ink);color:var(--an-ink)}.an-home .an-button-line:hover{background:#ebe8df}.an-home .an-microcopy{color:var(--an-muted)}.an-home .an-hero-foot{border-top-color:var(--an-rule);color:var(--an-muted)}
.an-home .an-dashboard{border:1px solid #cfd3d0;border-bottom:0;box-shadow:0 22px 55px rgba(13,31,45,.17)}.an-home .an-dash-top{background:var(--an-ink)}.an-home .an-dash-kpis>div,.an-home .an-chart,.an-home .an-pipeline{box-shadow:0 2px 8px rgba(13,31,45,.04)}
.an-home .site-footer-main{background:var(--navy)!important;border-top:4px solid var(--an-orange)!important}.an-home .ft-brand-img{max-width:230px;height:44px}.an-home .ft-brand-desc{max-width:260px;line-height:1.7}.an-home .ft-main-grid{padding-top:48px;padding-bottom:36px}.an-home .ft-bottom-bar{border-top-color:rgba(255,255,255,.14)!important}
@media(max-width:600px){.an-home .ft-brand-img{height:38px;max-width:200px}.an-home .ft-main-grid{padding-top:34px}}

/* Stitch parity for blog, legal, landing, and signup surfaces. */
.bl-card,.su-card{border-radius:8px;box-shadow:0 2px 10px rgba(10,26,47,.05)}
.bl-card-title{font-family:var(--fd,'Axiforma','Segoe UI',sans-serif);font-size:.95rem!important;line-height:1.35!important}
.bl-hero h1,.bp-hero h1,.ls-hero h1{font-family:var(--fd,'Axiforma','Segoe UI',sans-serif);font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.12;letter-spacing:-.01em}
.bp-content,.bp-article,.bp-post-content,.ls-body{font-family:var(--fb,'Axiforma','Segoe UI',sans-serif);font-size:15px;line-height:1.7}
.bp-content h2,.bp-article h2,.bp-post-content h2{font-size:1.35rem;line-height:1.25;margin-top:2rem}
.bp-content h3,.bp-article h3,.bp-post-content h3{font-size:1.1rem;line-height:1.3;margin-top:1.5rem}
.bp-content img,.bp-article img,.bp-post-content img{border-radius:8px}
.ls-body{max-width:760px}
.ls-body h1{font-size:clamp(1.8rem,4vw,2.4rem);line-height:1.15}
.ls-body h2{font-size:1.15rem;line-height:1.3;margin-top:1.8rem}
.ls-body p,.ls-body li{font-size:15px;line-height:1.7}
.err-wrap{max-width:var(--stitch-max);padding:40px var(--stitch-gutter) 64px}
.err-wrap::before{display:none}
.err-card{max-width:760px;margin:0 auto;background:var(--stitch-surface);border:1px solid var(--line);border-radius:8px;padding:32px 24px;box-shadow:0 2px 12px rgba(10,26,47,.06)}
.err-code{font-family:var(--fm,'JetBrains Mono',monospace);font-size:clamp(42px,7vw,64px);font-weight:600;text-shadow:none}
.err-title{font-family:var(--fd,'Axiforma','Segoe UI',sans-serif);font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.2}
.err-desc{font-size:15px;line-height:1.6}
.err-links a{border-radius:8px;font-size:13px;padding:10px 16px}
.su-section{padding-top:clamp(32px,5vw,56px);padding-bottom:clamp(40px,6vw,72px)}
.su-shell{gap:clamp(2rem,5vw,4rem);max-width:1080px}
.su-brand-title{font-size:clamp(1.5rem,3vw,2rem);line-height:1.2}
.su-brand-sub{font-size:.92rem;line-height:1.6}
.su-card{padding:clamp(1.25rem,3vw,2rem)}
.su-title{font-size:1.15rem}
.su-fg input,.su-fg select,.su-fg textarea{border-radius:8px;font-size:.84rem}
.su-fg label{font-size:.68rem}
@media(max-width:620px){
  .bl-hero,.bp-hero,.ls-hero{padding-top:32px;padding-bottom:28px}
  .bl-hero h1,.bp-hero h1,.ls-hero h1{font-size:1.85rem}
  .su-shell{gap:1.5rem}
}

/* FINAL FOOTER WIDTH LOCK */
.site-footer-main{width:100%!important;margin-left:0!important;margin-right:0!important}
.site-footer-main .ft-main-inner{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding-left:clamp(36px,5vw,72px)!important;padding-right:clamp(36px,5vw,72px)!important}
.site-footer-main .ft-main-grid{width:100%!important;max-width:none!important;margin:0!important}
@media(max-width:700px){.site-footer-main .ft-main-inner{padding-left:20px!important;padding-right:20px!important}}
@media(max-width:420px){.site-footer-main .ft-main-inner{padding-left:16px!important;padding-right:16px!important}}

/* FINAL COMPACT FOOTER CASCADE */
.site-footer-main .ft-main-inner{max-width:1200px;padding-left:clamp(20px,4vw,40px);padding-right:clamp(20px,4vw,40px)}
.site-footer-main .ft-main-grid{grid-template-columns:1.4fr .8fr .8fr 1fr 1.1fr;gap:28px;padding:30px 0 24px;row-gap:28px}
.site-footer-main .ft-brand-desc{max-width:250px;margin:12px 0 14px;font-size:12px;line-height:1.55}
.site-footer-main .ft-bottom-bar{padding:13px 0}
.site-footer-main .ft-hire-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;margin-top:16px;padding:0 18px;border-radius:6px;background:var(--flame);color:#fff!important;line-height:1}
.site-footer-main .ft-newsletter-form{margin-top:10px}
.site-footer-main .ft-newsletter-form input[type=email],.site-footer-main .ft-newsletter-form button{height:36px}
@media(max-width:980px){.site-footer-main .ft-main-grid{grid-template-columns:1.3fr 1fr 1fr;gap:22px}.site-footer-main .ft-main-grid>div:first-child{grid-row:span 2}}
@media(max-width:700px){.site-footer-main .ft-main-grid{grid-template-columns:1fr 1fr;gap:24px 18px;padding:28px 0 24px}.site-footer-main .ft-main-grid>div:first-child{grid-column:1/-1;grid-row:auto}.site-footer-main .ft-bottom-bar{align-items:flex-start;flex-direction:column;padding:13px 0}}
@media(max-width:420px){.site-footer-main .ft-main-grid{grid-template-columns:1fr}}

/* FINAL PUBLIC HEADER / FOOTER CASCADE */
#nav{position:fixed;top:0;left:0;width:100%;max-width:none;margin:0;padding:0 clamp(16px,4vw,40px);height:68px;background:rgba(253,252,249,0.75);border-bottom:1px solid rgba(10,26,47,0.06);box-shadow:0 4px 30px rgba(0,0,0,0.01),0 1px 3px rgba(0,0,0,0.01);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:9000;transition:height 0.3s cubic-bezier(0.4, 0, 0.2, 1),background 0.3s ease,box-shadow 0.3s ease}
#nav.nav-scrolled{height:58px;background:rgba(253,252,249,0.92);box-shadow:0 10px 30px rgba(10, 26, 47, 0.04),0 1px 3px rgba(10, 26, 47, 0.01);border-bottom-color:rgba(10,26,47,0.08)}
#nav .nav-logo,#nav .nav-links,#nav .nav-r{height:100%;display:flex;align-items:center}
#nav .nav-logo{font-family:var(--fd,'Axiforma','Segoe UI',sans-serif);font-size:19px;font-weight:700;letter-spacing:-0.01em;color:var(--ink);min-width:170px}
#nav .nav-logo em{font-style:normal;color:var(--flame)}
#nav .nav-logo-img{height:34px;max-width:180px;transition:height 0.3s ease}
#nav.nav-scrolled .nav-logo-img{height:30px}
#nav .nav-links{gap:4px;margin:0 auto}
#nav .nl,#nav .nav-login{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:20px;color:var(--an-ink,var(--muted));font-family:var(--f-ui,var(--fb,'Segoe UI',sans-serif));font-size:var(--f-ui-sz,13px);font-weight:var(--f-ui-w,600);letter-spacing:var(--f-ui-ls,0em);white-space:nowrap;text-decoration:none;transition:color 0.2s ease,background-color 0.2s ease}
#nav .nl:hover,#nav .nl.active,#nav .nav-login:hover{color:var(--an-orange,var(--flame));background-color:rgba(230,61,10,0.06)}
#nav .nl.active {
  font-weight:var(--f-ui-w,600);
  border-bottom: none !important;
  text-decoration: none !important;
  box-shadow: none !important;
  background-color:rgba(230,61,10,0.08);
}
#nav .nav-r{gap:8px;min-width:170px;justify-content:flex-end}
#nav .nav-cta{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 18px;border-radius:20px;background:linear-gradient(135deg, var(--an-orange,var(--flame)), #ff5a2b);color:#fff;font-family:var(--f-ui,var(--fb,'Segoe UI',sans-serif));font-size:var(--f-ui-sz,13px);font-weight:var(--f-ui-w,600);white-space:nowrap;text-decoration:none;box-shadow:0 4px 14px rgba(230,61,10,0.25);transition:background 0.2s ease,transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275),box-shadow 0.2s ease}
#nav .nav-cta:hover{background:linear-gradient(135deg, #ff5a2b, var(--an-orange,var(--flame)));transform:translateY(-1px) scale(1.02);box-shadow:0 6px 20px rgba(230, 61, 10, 0.35)}
#nav .ham{width:36px;height:36px;border-radius:50%;background:transparent;display:none;align-items:center;justify-content:center;flex-direction:column;gap:4px;cursor:pointer;transition:background 0.2s ease}
#nav .ham:hover{background:rgba(10,26,47,0.05)}
#nav .ham span{width:18px;height:2px;border-radius:2px;background:var(--ink)}
#nav :focus-visible,.drawer :focus-visible{outline:2px solid var(--flame);outline-offset:3px}
.drawer{background:var(--paper);border-top:1px solid var(--line);box-shadow:0 16px 30px rgba(10,26,47,.12);padding:12px 20px 20px}
.drawer .nl{display:flex;align-items:center;min-height:44px;padding:0 12px;border-radius:6px;font-size:14px;color:var(--ink);font-weight:500}
.drawer .nl.active,.drawer .nl:hover{color:var(--flame);background:var(--flame-soft)}
.drawer .nav-cta{min-height:42px;border-radius:6px;margin-top:8px;font-size:13px}
.drawer .nav-cta-sec{border:1px solid var(--line);color:var(--ink);background:transparent}
.ft-cta-sec{padding:clamp(36px,6vw,64px) clamp(20px,4vw,40px);background:var(--navy)!important;border:0!important}
.ft-cta-inner{max-width:1200px;margin:0 auto}
.site-footer-main .ft-main-inner{width:100%;max-width:none;margin:0;padding-left:clamp(36px,5vw,72px);padding-right:clamp(36px,5vw,72px)}
.ft-cta-title{font-family:var(--fd,'Axiforma','Segoe UI',sans-serif);font-size:clamp(1.55rem,3vw,2.25rem);line-height:1.15;color:#fff!important}
.ft-cta-desc{max-width:560px;font-family:var(--fb,'Axiforma','Segoe UI',sans-serif);font-size:14px;line-height:1.65;color:rgba(255,255,255,.68)!important}
.ft-cta-btn,.ft-cta-btn-sec{min-height:40px;border-radius:6px;font-family:var(--fb,'Axiforma','Segoe UI',sans-serif);font-size:12px;font-weight:600}
.site-footer-main{background:var(--navy)!important;border-top:1px solid rgba(255,255,255,.1)!important;color:#fff!important}
.ft-main-inner{padding:0 clamp(20px,4vw,40px)}
.ft-main-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr 1fr 1.1fr;gap:clamp(20px,3vw,40px);padding:30px 0 24px;border:0!important}
.ft-brand-logo{font-family:var(--fd,'Axiforma','Segoe UI',sans-serif);font-size:19px;font-weight:700;color:#fff!important}
.ft-brand-img{height:34px;max-width:190px}
.ft-brand-desc{max-width:250px;margin:12px 0 14px;font-family:var(--fb,'Axiforma','Segoe UI',sans-serif);font-size:12px;line-height:1.55;color:rgba(255,255,255,.58)!important}
.ft-col-hd{margin-bottom:14px;font-family:var(--fm,'JetBrains Mono',monospace);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#fff!important}
.ft-nav-link{display:flex;align-items:center;gap:8px;padding:5px 0;font-family:var(--fb,'Axiforma','Segoe UI',sans-serif);font-size:12px;color:rgba(255,255,255,.58)!important;transition:color .18s,transform .18s}
.ft-nav-link i{font-size:8px;color:var(--flame)}
.ft-nav-link:hover{color:#fff!important;transform:translateX(2px)}
.ft-contact-row{display:flex;align-items:flex-start;gap:10px;padding:5px 0;color:inherit}
.ft-contact-ico{width:28px;height:28px;border-radius:6px;display:grid;place-items:center;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.1)!important;flex-shrink:0}
.ft-contact-lbl{display:block;font-family:var(--fm,'JetBrains Mono',monospace);font-size:9px;letter-spacing:.04em;color:rgba(255,255,255,.42)!important;text-transform:uppercase}
.ft-contact-val{display:block;margin-top:3px;font-family:var(--fb,'Axiforma','Segoe UI',sans-serif);font-size:12px;color:rgba(255,255,255,.78)!important;word-break:break-word}
.ft-social-row{display:flex;gap:7px;margin-bottom:16px}
.ft-social-ico{width:30px;height:30px;border-radius:6px;display:grid;place-items:center;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.12)!important;color:rgba(255,255,255,.65)!important}
.ft-avail-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border-radius:6px;background:rgba(5,150,105,.12)!important;border:1px solid rgba(5,150,105,.25)!important}
.ft-avail-dot{width:6px;height:6px;border-radius:50%;background:#34d399}.ft-avail-txt{font-family:var(--fm,'JetBrains Mono',monospace);font-size:9px;color:#86efac!important;letter-spacing:.04em}
.ft-hire-btn{display:inline-flex;align-items:center;gap:7px;margin-top:14px;color:var(--flame)!important;font-family:var(--fb,'Axiforma','Segoe UI',sans-serif);font-size:12px;font-weight:600}
.ft-newsletter-form{display:flex;max-width:280px;margin-top:12px}.ft-newsletter-form input[type=email]{height:38px;border-radius:6px 0 0 6px;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.15)!important;color:#fff!important;font-family:var(--fb,'Axiforma','Segoe UI',sans-serif);font-size:11px}.ft-newsletter-form button{height:38px;border-radius:0 6px 6px 0;background:var(--flame);font-family:var(--fb,'Axiforma','Segoe UI',sans-serif);font-size:11px;font-weight:600}
.ft-bottom-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;border-top:1px solid rgba(255,255,255,.1)!important}.ft-copy-txt,.ft-legal-link{font-family:var(--fb,'Axiforma','Segoe UI',sans-serif);font-size:10px;color:rgba(255,255,255,.45)!important}.ft-legal-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ft-legal-sep{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.25)!important}
@media(max-width:980px){#nav .nav-logo{min-width:130px}#nav .nav-links{gap:0}#nav .nl,#nav .nav-login{padding-left:7px;padding-right:7px;font-size:11px}.ft-main-grid{grid-template-columns:1.3fr 1fr 1fr;gap:22px}.ft-main-grid>div:first-child{grid-row:span 2}}
@media(max-width:700px){#nav{height:60px;padding:0 16px}#nav .nav-logo{min-width:0;font-size:18px}#nav .nav-logo-img{height:30px;max-width:150px}#nav .nav-links,#nav .nav-login{display:none}#nav .nav-r{min-width:0;margin-left:auto}#nav .nav-r .nav-cta{min-height:36px;padding:0 12px;font-size:11px}#nav .ham{display:flex}.ft-main-inner{padding:0 20px}.ft-main-grid{grid-template-columns:1fr 1fr;gap:24px 18px;padding:28px 0 24px}.ft-main-grid>div:first-child{grid-column:1/-1;grid-row:auto}.ft-brand-desc{max-width:360px}.ft-bottom-bar{align-items:flex-start;flex-direction:column;padding:13px 0}}
@media(max-width:420px){#nav .nav-r .nav-cta{display:none}.ft-main-grid{grid-template-columns:1fr}.ft-legal-links{gap:7px}}

/* Footer CTA must remain readable on the dark footer surface. */
.site-footer-main .ft-hire-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;margin-top:16px;padding:0 18px;border-radius:6px;background:var(--flame);color:#fff!important;line-height:1;text-decoration:none;box-shadow:0 5px 14px rgba(230,61,10,.22)}
.site-footer-main .ft-hire-btn:hover{background:var(--flame2);color:#fff!important;transform:translateY(-1px)}
.site-footer-main .ft-main-grid{row-gap:28px}
.site-footer-main .ft-newsletter-form{margin-top:10px}
.site-footer-main .ft-newsletter-form input[type=email],.site-footer-main .ft-newsletter-form button{height:36px}

/* FINAL HOMEPAGE CASCADE ENDPOINT */
.an-home .an-hero{background:var(--navy);color:#fff;padding-top:clamp(52px,7vw,88px);padding-bottom:0;border-bottom:0}
.an-home .an-hero h1{color:#fff;font-size:clamp(2.4rem,5vw,4.5rem);line-height:1.04;letter-spacing:-.018em;margin-bottom:24px}
.an-home .an-section h2{font-size:clamp(2rem,4vw,3.7rem);line-height:1.06;letter-spacing:-.018em}
.an-home .an-final h2{font-size:clamp(2.4rem,5.2vw,4.8rem);line-height:1.04}

/* Final header alignment: equal side columns keep the navigation genuinely
  centered even when logo and CTA widths differ. */
#nav{display:grid;grid-template-columns:minmax(170px,1fr) auto minmax(170px,1fr);align-items:center}
#nav .nav-logo{justify-self:start}
#nav .nav-links{justify-self:center}
#nav .nav-r{justify-self:end}
@media(max-width:980px){#nav{grid-template-columns:minmax(130px,1fr) auto minmax(130px,1fr)}}

/* Footer aligns with the viewport guides; the navy surface stays full bleed
  and no inner white gutter is introduced by the shared max-width shell. */
.site-footer-main{width:100%;margin-left:0;margin-right:0}
.site-footer-main .ft-main-inner{width:100%;max-width:none;margin:0;padding-left:clamp(36px,5vw,72px);padding-right:clamp(36px,5vw,72px)}
.site-footer-main .ft-main-grid{width:100%;grid-template-columns:minmax(220px,1.4fr) repeat(3,minmax(150px,.8fr)) minmax(220px,1.1fr);gap:clamp(24px,3vw,44px);padding:30px 0 24px}
.site-footer-main .ft-bottom-bar{width:100%}
@media(max-width:980px){.site-footer-main .ft-main-inner{padding-left:32px;padding-right:32px}.site-footer-main .ft-main-grid{grid-template-columns:1.3fr 1fr 1fr;gap:22px}}
@media(max-width:700px){.site-footer-main .ft-main-inner{padding-left:20px;padding-right:20px}.site-footer-main .ft-main-grid{grid-template-columns:1fr 1fr;gap:24px 18px;padding:28px 0 24px}}
@media(max-width:420px){.site-footer-main .ft-main-inner{padding-left:16px;padding-right:16px}.site-footer-main .ft-main-grid{grid-template-columns:1fr}}
@media(max-width:700px){#nav{display:flex;align-items:center;justify-content:space-between}#nav .nav-logo,#nav .nav-r{height:100%}}
@media(max-width:900px){.an-home .an-hero h1{font-size:clamp(2.35rem,8vw,3.7rem)}}
@media(max-width:620px){.an-home .an-hero{padding-top:38px}.an-home .an-hero h1{font-size:clamp(2.25rem,12vw,3.4rem)}.an-home .an-section h2{font-size:clamp(1.95rem,10vw,3rem)}}

/* Shared public header and footer redesign. Markup and all dynamic actions
   remain in includes/site-shell.php; this layer only controls presentation. */
.drawer{background:var(--paper);border-top:1px solid var(--line);box-shadow:0 16px 30px rgba(10,26,47,.12);padding:12px 20px 20px}
.drawer .nl{display:flex;align-items:center;min-height:44px;padding:0 12px;border-radius:6px;font-size:14px;color:var(--ink);font-weight:500}
.drawer .nl.active,.drawer .nl:hover{color:var(--flame);background:var(--flame-soft)}
.drawer .nav-cta{min-height:42px;border-radius:6px;margin-top:8px;font-size:13px}
.drawer .nav-cta-sec{border:1px solid var(--line);color:var(--ink);background:transparent}

/* The drawer's own open/closed state, and its submenu toggle
   (.drawer-toggle/.drawer-dropdown, the exact class names main.js already
   toggles .active/.show on), had NO CSS anywhere in the site's stylesheet
   stack (public.css/public-shell.css/css-serve.php) — #nav .drawer never
   had a hidden default, so it sat permanently expanded in normal document
   flow at every screen width, and the submenu button/links rendered with
   zero styling (raw default button chrome, full-size unindented links) —
   this is what "everything renders huge" on mobile actually was. */
#nav .drawer{display:none;position:fixed;left:0;right:0;top:68px;max-height:calc(100vh - 68px);overflow-y:auto;flex-direction:column;z-index:8999}
#nav .drawer.active{display:flex}
@media(max-width:700px){#nav .drawer{top:60px;max-height:calc(100vh - 60px)}}

.drawer-item-with-dropdown{display:flex;flex-direction:column}
.drawer-parent-wrap{display:flex;align-items:center;gap:6px}
.drawer-parent-wrap .nl{flex:1;min-width:0}
.drawer-toggle{background:none;border:none;padding:10px 12px;font-size:12px;color:var(--muted);cursor:pointer;transition:transform .2s ease;flex-shrink:0}
.drawer-toggle.active{transform:rotate(180deg);color:var(--flame)}
.drawer-dropdown{max-height:0;overflow:hidden;transition:max-height .25s ease;padding-left:14px}
.drawer-dropdown.show{max-height:600px}
.drawer-dropdown-item{display:flex;align-items:center;min-height:38px;padding:0 12px;border-radius:6px;font-size:13px;color:var(--muted);font-weight:500}
.drawer-dropdown-item:hover,.drawer-dropdown-item:focus-visible{color:var(--flame);background:var(--flame-soft)}

.ft-cta-sec{padding:clamp(36px,6vw,64px) clamp(20px,4vw,40px);background:var(--navy)!important;border:0!important}
.ft-cta-inner{max-width:1200px;margin:0 auto}
.site-footer-main .ft-main-inner{width:100%;max-width:none;margin:0}
.ft-cta-title{font-family:var(--fd,'Axiforma','Segoe UI',sans-serif);font-size:clamp(1.55rem,3vw,2.25rem);line-height:1.15;color:#fff!important}
.ft-cta-desc{max-width:560px;font-family:var(--fb,'Axiforma','Segoe UI',sans-serif);font-size:14px;line-height:1.65;color:rgba(255,255,255,.68)!important}
.ft-cta-btn,.ft-cta-btn-sec{min-height:40px;border-radius:6px;font-family:var(--fb,'Axiforma','Segoe UI',sans-serif);font-size:12px;font-weight:600}
.ft-cta-stats{border-radius:8px!important;box-shadow:none!important}
.site-footer-main{background:var(--navy)!important;border-top:1px solid rgba(255,255,255,.1)!important;color:#fff!important}
.site-footer-main .ft-main-inner{width:100%;max-width:none;margin:0;padding:0 clamp(36px,5vw,72px)}
.site-footer-main .ft-main-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr 1fr 1.1fr;gap:28px;padding:30px 0 24px;border:0!important}
.ft-brand-logo{font-family:var(--fd,'Axiforma','Segoe UI',sans-serif);font-size:19px;font-weight:700;color:#fff!important}
.ft-brand-img{height:34px;max-width:190px}
.ft-brand-desc{max-width:270px;margin:16px 0 18px;font-family:var(--fb,'Axiforma','Segoe UI',sans-serif);font-size:13px;line-height:1.65;color:rgba(255,255,255,.58)!important}
.ft-col-hd{margin-bottom:14px;font-family:var(--fm,'JetBrains Mono',monospace);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#fff!important}
.ft-nav-link{display:flex;align-items:center;gap:8px;padding:5px 0;font-family:var(--fb,'Axiforma','Segoe UI',sans-serif);font-size:12px;color:rgba(255,255,255,.58)!important;transition:color .18s,transform .18s}
.ft-nav-link i{font-size:8px;color:var(--flame)}
.ft-nav-link:hover{color:#fff!important;transform:translateX(2px)}
.ft-contact-row{display:flex;align-items:flex-start;gap:10px;padding:5px 0;color:inherit}
.ft-contact-ico{width:28px;height:28px;border-radius:6px;display:grid;place-items:center;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.1)!important;flex-shrink:0}
.ft-contact-lbl{display:block;font-family:var(--fm,'JetBrains Mono',monospace);font-size:9px;letter-spacing:.04em;color:rgba(255,255,255,.42)!important;text-transform:uppercase}
.ft-contact-val{display:block;margin-top:3px;font-family:var(--fb,'Axiforma','Segoe UI',sans-serif);font-size:12px;color:rgba(255,255,255,.78)!important;word-break:break-word}
.ft-social-row{display:flex;gap:7px;margin-bottom:16px}
.ft-social-ico{width:30px;height:30px;border-radius:6px;display:grid;place-items:center;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.12)!important;color:rgba(255,255,255,.65)!important;transition:color .18s,border-color .18s,background .18s}
.ft-avail-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border-radius:6px;background:rgba(5,150,105,.12)!important;border:1px solid rgba(5,150,105,.25)!important}
.ft-avail-dot{width:6px;height:6px;border-radius:50%;background:#34d399}
.ft-avail-txt{font-family:var(--fm,'JetBrains Mono',monospace);font-size:9px;color:#86efac!important;letter-spacing:.04em}
.ft-hire-btn{display:inline-flex;align-items:center;gap:7px;margin-top:14px;color:var(--flame)!important;font-family:var(--fb,'Axiforma','Segoe UI',sans-serif);font-size:12px;font-weight:600}
.ft-newsletter-form{display:flex;max-width:280px;margin-top:12px}
.ft-newsletter-form input[type=email]{height:38px;border-radius:6px 0 0 6px;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.15)!important;color:#fff!important;font-family:var(--fb,'Axiforma','Segoe UI',sans-serif);font-size:11px}
.ft-newsletter-form button{height:38px;border-radius:0 6px 6px 0;background:var(--flame);font-family:var(--fb,'Axiforma','Segoe UI',sans-serif);font-size:11px;font-weight:600}
.ft-bottom-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;border-top:1px solid rgba(255,255,255,.1)!important}
.ft-copy-txt,.ft-legal-link{font-family:var(--fb,'Axiforma','Segoe UI',sans-serif);font-size:11px;color:rgba(255,255,255,.45)!important}
.ft-legal-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ft-legal-sep{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.25)!important}

@media(max-width:980px){
  #nav .nav-logo{min-width:130px}
  #nav .nav-links{gap:0}
  #nav .nl,#nav .nav-login{padding-left:7px;padding-right:7px;font-size:11px}
  .site-footer-main .ft-main-inner{padding-left:32px;padding-right:32px}
  .site-footer-main .ft-main-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important}
  .site-footer-main .ft-main-grid>div:first-child{grid-row:span 2}
}
@media(max-width:700px){
  #nav{height:60px;padding:0 16px}
  #nav .nav-logo{min-width:0;font-size:18px}
  #nav .nav-logo-img{height:30px;max-width:150px}
  #nav .nav-links,#nav .nav-login{display:none}
  #nav .nav-r{min-width:0;margin-left:auto}
  #nav .nav-r .nav-cta{min-height:36px;padding:0 12px;font-size:11px}
  #nav .ham{display:flex}
  .site-footer-main .ft-main-inner{padding-left:20px;padding-right:20px}
  .site-footer-main .ft-main-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px 18px!important;padding:28px 0 24px}
  .site-footer-main .ft-main-grid>div:first-child{grid-column:1/-1;grid-row:auto}
  .site-footer-main .ft-brand-desc{max-width:360px}
  .site-footer-main .ft-bottom-bar{align-items:flex-start;flex-direction:column;padding:13px 0}
}
@media(max-width:420px){
  .site-footer-main .ft-main-inner{padding-left:16px;padding-right:16px}
  #nav .nav-r .nav-cta{display:none}
  .site-footer-main .ft-main-grid{grid-template-columns:minmax(0,1fr)}
  .site-footer-main .ft-legal-links{gap:7px}
}


/* Authoritative homepage cascade endpoint. */
.an-home .an-hero{background:var(--navy);color:#fff;padding-top:clamp(52px,7vw,88px);padding-bottom:0;border-bottom:0}
.an-home .an-hero h1{color:#fff;font-size:clamp(2.4rem,5vw,4.5rem);line-height:1.04;letter-spacing:-.018em;margin-bottom:24px}
.an-home .an-section h2{font-size:clamp(2rem,4vw,3.7rem);line-height:1.06;letter-spacing:-.018em}
.an-home .an-final h2{font-size:clamp(2.4rem,5.2vw,4.8rem);line-height:1.04}
@media(max-width:900px){.an-home .an-hero h1{font-size:clamp(2.35rem,8vw,3.7rem)}}
@media(max-width:620px){.an-home .an-hero{padding-top:38px}.an-home .an-hero h1{font-size:clamp(2.25rem,12vw,3.4rem)}.an-home .an-section h2{font-size:clamp(1.95rem,10vw,3rem)}}

/* Final homepage values must come after the older redesign guardrails. */
.an-home .an-hero{background:var(--navy);color:#fff;padding-top:clamp(52px,7vw,88px);padding-bottom:0;border-bottom:0}
.an-home .an-hero h1{color:#fff;font-size:clamp(2.4rem,5vw,4.5rem);line-height:1.04;letter-spacing:-.018em}
.an-home .an-section h2{font-size:clamp(2rem,4vw,3.7rem);line-height:1.06;letter-spacing:-.018em}
.an-home .an-final h2{font-size:clamp(2.4rem,5.2vw,4.8rem);line-height:1.04}
@media(max-width:900px){.an-home .an-hero h1{font-size:clamp(2.35rem,8vw,3.7rem)}}
@media(max-width:620px){.an-home .an-hero{padding-top:38px}.an-home .an-hero h1{font-size:clamp(2.25rem,12vw,3.4rem)}.an-home .an-section h2{font-size:clamp(1.95rem,10vw,3rem)}}

/* Homepage final composition: Stitch's navy product-led hero, with the
   existing AgencyNest data-driven sections kept intact underneath. */
.an-home{background:var(--paper);color:var(--ink)}
.an-home .an-hero{background:var(--navy);color:#fff;border-bottom:0;padding-top:clamp(52px,7vw,88px);padding-bottom:0}
.an-home .an-hero h1{color:#fff;font-size:clamp(2.4rem,5vw,4.5rem);line-height:1.04;letter-spacing:-.018em;margin-bottom:24px}
.an-home .an-hero h1 em{color:var(--flame)}
.an-home .an-hero-lead{color:rgba(255,255,255,.7);font-size:1rem;line-height:1.65;max-width:500px}
.an-home .an-button{border-radius:8px;font-family:var(--fb);font-size:13px;padding:11px 16px}
.an-home .an-button-orange{background:var(--flame)}
.an-home .an-button-line{border-color:rgba(255,255,255,.35);color:#fff}
.an-home .an-button-line:hover{background:rgba(255,255,255,.08)}
.an-home .an-microcopy{color:rgba(255,255,255,.52);font-size:11px}
.an-home .an-dashboard{border:1px solid rgba(255,255,255,.14);border-bottom:0;border-radius:8px 8px 0 0;box-shadow:0 24px 60px rgba(0,0,0,.28);transform:none}
.an-home .an-hero-foot{border-top-color:rgba(255,255,255,.16);color:rgba(255,255,255,.55);font-size:11px}
.an-home .an-hero-foot b{color:#fff}
.an-home .an-section{padding-top:clamp(56px,8vw,96px);padding-bottom:clamp(56px,8vw,96px)}
.an-home .an-section h2{font-size:clamp(2rem,4vw,3.7rem);line-height:1.06;letter-spacing:-.018em}
.an-home .an-problem-copy{font-size:1rem}
.an-home .an-flow-strip{margin-top:64px}
.an-home .an-view-panel{padding:28px;min-height:240px}
.an-home .an-report-card{box-shadow:10px 10px 0 var(--ink);border-radius:8px}
.an-home .an-final{padding-top:clamp(64px,9vw,112px);padding-bottom:clamp(64px,9vw,112px);background:var(--an-ink,#0a1a2f)!important;color:#fff!important}
.an-home .an-final h2{font-size:clamp(2.4rem,5.2vw,4.8rem);line-height:1.04;color:#ffffff!important}
.an-home .an-final h2 em{color:var(--an-orange,var(--flame,#e63d0a))!important}
@media(max-width:900px){
  .an-home .an-hero h1{font-size:clamp(2.35rem,8vw,3.7rem)}
  .an-home .an-hero-grid{gap:42px}
}
@media(max-width:620px){
  .an-home .an-hero{padding-top:38px}
  .an-home .an-hero h1{font-size:clamp(2.25rem,12vw,3.4rem)}
  .an-home .an-hero-lead{font-size:.92rem}
  .an-home .an-hero-foot{font-size:9px}
  .an-home .an-section h2{font-size:clamp(1.95rem,10vw,3rem)}
  .an-home .an-flow-strip{margin-top:48px}
  .an-home .an-view-panel{padding:22px}
}

/* Final public-page guardrails. The homepage hero is intentionally light,
   which keeps the approved full logo readable and leaves navy for emphasis. */
.an-home .an-hero{padding-top:clamp(42px,6vw,78px)}.an-home .an-dashboard{max-height:480px}.an-home .an-dash-content{min-height:380px}.an-home .site-footer-main{color:#f0ede8}.an-home .site-footer-main .ft-brand-desc,.an-home .site-footer-main .ft-nav-link,.an-home .site-footer-main .ft-col-hd,.an-home .site-footer-main .ft-contact-val,.an-home .site-footer-main .ft-contact-lbl,.an-home .site-footer-main .ft-avail-txt,.an-home .site-footer-main .ft-copy-txt,.an-home .site-footer-main .ft-legal-link{color:#c8cad2!important}.an-home .site-footer-main .ft-col-hd{color:#fff!important}.an-home .site-footer-main .ft-brand-logo{color:#fff!important}

/* Trust partner logos strip */
.an-trust-strip{background:var(--smoke,#f9fafb);padding:22px var(--public-pad,24px);border-bottom:1px solid var(--an-rule,#e5e7eb);text-align:center}
.an-trust-inner{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap}
.an-trust-inner>span{font-family:var(--f-mono,var(--fm,monospace));font-size:.74rem;font-weight:700;letter-spacing:.5px;color:var(--an-muted,#6b7280);text-transform:uppercase}
.an-trust-logos{display:flex;align-items:center;gap:36px;flex-wrap:wrap;justify-content:center}
.an-trust-logo{display:flex;align-items:center;gap:8px;font-family:var(--f-display,var(--font-display,sans-serif));font-size:.9rem;font-weight:700;color:var(--an-muted,#6b7280);opacity:.75;transition:opacity .2s,color .2s}
.an-trust-logo i{font-size:1rem;color:var(--an-muted,#6b7280);transition:color .2s}
.an-trust-logo:hover{opacity:1;color:var(--an-ink,#0a1a2f)}
.an-trust-logo:hover i{color:var(--an-orange,var(--flame,#e63d0a))}
@media(max-width:768px){
  .an-trust-inner{flex-direction:column;gap:14px}
  .an-trust-logos{gap:20px 24px}
}

/* FAQ Accordion Section */
.an-faq{background:var(--an-paper,#fff)}
.an-faq-container{margin-top:54px;display:flex;flex-direction:column;gap:14px;max-width:850px;margin-left:auto;margin-right:auto}
.an-faq-item{background:#fff;border:1px solid var(--an-rule,#e5e7eb);border-radius:12px;overflow:hidden;transition:all .25s ease;box-shadow:0 2px 8px rgba(13,31,45,.02)}
.an-faq-item:hover{border-color:color-mix(in srgb, var(--an-orange,var(--flame,#e63d0a)) 28%, var(--an-rule,#e5e7eb))}
.an-faq-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;background:none;border:none;padding:22px 28px;font-family:var(--f-display,var(--font-display,sans-serif));font-size:1.02rem;font-weight:700;color:var(--an-ink,#0a1a2f);text-align:left;cursor:pointer;outline:none;transition:color .2s}
.an-faq-trigger:hover{color:var(--an-orange,var(--flame,#e63d0a))}
.an-faq-icon{font-size:1.4rem;font-weight:400;color:var(--an-orange,var(--flame,#e63d0a));transition:transform .25s ease;line-height:1;margin-left:14px}
.an-faq-content{max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(0.4, 0, 0.2, 1),padding .3s ease}
.an-faq-content p{padding:0 28px 24px;margin:0;color:var(--an-muted,#6b7280);font-size:.9rem;line-height:1.68}
.an-faq-item.active{border-color:var(--an-orange,var(--flame,#e63d0a));box-shadow:0 12px 28px rgba(13,31,45,.06)}
.an-faq-item.active .an-faq-content{max-height:220px}
.an-faq-item.active .an-faq-icon{transform:rotate(45deg)}
@media(max-width:620px){
  .an-faq-container{margin-top:38px}
  .an-faq-trigger{padding:16px 20px;font-size:.92rem}
  .an-faq-content p{padding:0 20px 20px;font-size:.85rem}
}

/* Premium micro-interactions and animations */
.an-cap-grid a{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,padding-left .2s ease;border-radius:8px}
.an-cap-grid a:hover{transform:translateY(-2px);border-color:var(--an-orange,var(--flame,#e63d0a));box-shadow:0 8px 20px rgba(13,31,45,.04);padding-left:8px}
.an-button{transition:transform .2s cubic-bezier(0.175, 0.885, 0.32, 1.275),background .2s ease}
.an-button:hover{transform:scale(1.025) translateY(-1px)}

/* Split Section Headers */
.an-section-intro-split{display:grid;grid-template-columns:1.15fr 0.85fr;gap:clamp(30px,5vw,80px);align-items:end;margin-bottom:60px}
.an-section-intro-split>div:first-child{max-width:650px}
.an-section-intro-split h2{margin:0}
.an-section-intro-split p:not(.an-kicker), .an-section-intro-split .an-section-desc{color:var(--an-muted,#6b7280);line-height:1.7;font-size:1.06rem;margin:0}
.an-faq-aside p{color:var(--an-muted,#6b7280);line-height:1.6;font-size:.95rem;margin:0 0 10px}
.an-faq-link{display:inline-block;color:var(--an-orange,var(--flame,#e63d0a));font-family:var(--f-mono,var(--fm,monospace));font-size:.85rem;font-weight:700;text-decoration:none;transition:color .2s}
.an-faq-link:hover{color:var(--an-ink,#0a1a2f)}

@media(max-width:900px){
  .an-section-intro-split{grid-template-columns:1fr;gap:20px;margin-bottom:40px}
  .an-section-intro-split p:not(.an-kicker), .an-section-intro-split .an-section-desc{font-size:.95rem}
}

/* Centered Section Headers */
.an-section-intro-center{max-width:760px;margin:0 auto 65px;text-align:center}
.an-section-intro-center h2{margin:0 0 20px}
.an-section-intro-center p:not(.an-kicker), .an-section-intro-center .an-section-desc{color:var(--an-muted,#6b7280);line-height:1.7;font-size:1.06rem;margin:0}

@media(max-width:900px){
  .an-section-intro-center{margin-bottom:45px}
  .an-section-intro-center p:not(.an-kicker), .an-section-intro-center .an-section-desc{font-size:.95rem}
}

.bp-content,.bp-article,.bp-post-content,.ls-body{font-family:var(--f-body,var(--fb,inherit))!important;font-size:15px;line-height:1.7}
.bp-content h2,.bp-article h2,.bp-post-content h2{font-size:1.35rem;line-height:1.25;margin-top:2rem}
.bp-content h3,.bp-article h3,.bp-post-content h3{font-size:1.1rem;line-height:1.3;margin-top:1.5rem}
.bp-content img,.bp-article img,.bp-post-content img{border-radius:8px}
.ls-body{max-width:760px}
.ls-body h1{font-size:clamp(1.8rem,4vw,2.4rem);line-height:1.15}
.ls-body h2{font-size:1.15rem;line-height:1.3;margin-top:1.8rem}
.ls-body p,.ls-body li{font-size:15px;line-height:1.7}
.su-section{padding-top:clamp(32px,5vw,56px);padding-bottom:clamp(40px,6vw,72px)}
.su-shell{gap:clamp(2rem,5vw,4rem);max-width:1080px}
.su-brand-title{font-size:clamp(1.5rem,3vw,2rem);line-height:1.2}
.su-brand-sub{font-size:.92rem;line-height:1.6}
.su-card{padding:clamp(1.25rem,3vw,2rem)}
.su-title{font-size:1.15rem}
.su-fg input,.su-fg select,.su-fg textarea{border-radius:8px;font-size:.84rem}
.su-fg label{font-size:.68rem}
@media(max-width:620px){
  .bl-hero,.bp-hero,.ls-hero{padding-top:32px;padding-bottom:28px}
  .bl-hero h1,.bp-hero h1,.ls-hero h1{font-size:1.85rem}
  .su-shell{gap:1.5rem}
}

/* Final footer width lock: centered max-width shell matching standard layout. */
.site-footer-main{width:100%!important;margin:0!important}
.site-footer-main .ft-main-inner{width:100%!important;max-width:1240px!important;margin:0 auto!important;padding-left:clamp(20px,5vw,72px)!important;padding-right:clamp(20px,5vw,72px)!important}
.site-footer-main .ft-main-grid{width:100%!important;max-width:none!important;margin:0!important}
@media(max-width:700px){.site-footer-main .ft-main-inner{padding-left:20px!important;padding-right:20px!important}}
@media(max-width:420px){.site-footer-main .ft-main-inner{padding-left:16px!important;padding-right:16px!important}}

/* ═══════════════════════════════════════════════════════
   LEGAL PAGES & POLICIES (Privacy, Terms, Refund)
   Consolidated into common public.css (Brand Tokens)
═══════════════════════════════════════════════════════ */
.lp-layout{width:100%;max-width:100%;margin:0;padding:0;display:grid;grid-template-columns:1fr 320px;gap:clamp(30px,4vw,60px);align-items:start}
.lp-main{min-width:0}
.lp-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:12px 18px;background:var(--smoke,#f9fafb);border:1px solid var(--line,#e5e7eb);border-radius:10px;margin-bottom:40px}
.lp-meta-item{display:flex;align-items:center;gap:8px;font-family:var(--f-mono,var(--fm,monospace))!important;font-size:.65rem;letter-spacing:.8px;text-transform:uppercase;color:var(--an-muted,#6b7280);font-weight:600}
.lp-meta-item i{color:var(--an-orange,var(--flame,#e63d0a));font-size:.75rem}
.lp-meta-sep{width:1px;height:14px;background:var(--line,#e5e7eb)}

.lg-sec{margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid var(--line,#e5e7eb)}
.lg-sec:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.lg-sec.intro-sec p{font-family:var(--f-body,var(--font-body,sans-serif))!important;font-size:1.12rem;line-height:1.8;color:var(--an-ink,#0a1a2f);font-weight:500;padding-left:0}
.lg-sec-head{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.lg-num{font-family:var(--f-mono,var(--fm,monospace))!important;font-size:.7rem;letter-spacing:1px;color:var(--an-orange,var(--flame,#e63d0a));background:rgba(230,61,10,.08);width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}
.lg-title{font-family:var(--f-display,var(--font-display,sans-serif))!important;font-size:clamp(1.35rem,2.2vw,1.75rem);font-weight:700;letter-spacing:-.02em;line-height:1.2;color:var(--an-ink,#0a1a2f)}
.lg-sec p{font-family:var(--f-body,var(--font-body,sans-serif))!important;font-size:.95rem;line-height:1.8;color:var(--an-muted,#4b5563);margin-bottom:16px;padding-left:46px}
.lg-sec p:last-child{margin-bottom:0}
.lg-sec p strong,.lg-sec p b{font-weight:700;color:var(--an-ink,#0a1a2f)}
.lg-sec p em{font-style:italic}
.lg-sec p a{color:var(--an-orange,var(--flame,#e63d0a));text-decoration:none;font-weight:600}
.lg-sec p a:hover{text-decoration:underline}

.lg-list{list-style:none;padding:0 0 0 46px;display:flex;flex-direction:column;gap:10px;margin-top:12px}
.lg-list li{display:flex;align-items:flex-start;gap:14px;font-family:var(--f-body,var(--font-body,sans-serif))!important;font-size:.92rem;line-height:1.65;color:var(--an-ink,#1f2937);padding:14px 18px;background:var(--paper,#fff);border:1px solid var(--line,#e5e7eb);border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.02);transition:all .2s}
.lg-list li:hover{border-color:var(--an-orange,var(--flame,#e63d0a));box-shadow:0 4px 14px rgba(230,61,10,.08);transform:translateY(-1px)}
.lg-list-icon{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:rgba(230,61,10,.08);color:var(--an-orange,var(--flame,#e63d0a));font-size:.65rem;display:flex;align-items:center;justify-content:center;margin-top:2px}

.contact-box{margin-left:46px;background:var(--paper,#fff);border:1px solid var(--line,#e5e7eb);border-radius:12px;padding:22px 26px;display:flex;align-items:center;gap:18px;box-shadow:0 4px 16px rgba(0,0,0,.04);transition:all .2s}
.contact-box:hover{border-color:var(--an-orange,var(--flame,#e63d0a));box-shadow:0 8px 24px rgba(230,61,10,.08);transform:translateY(-1px)}
.cb-ico{width:48px;height:48px;border-radius:12px;background:rgba(230,61,10,.08);color:var(--an-orange,var(--flame,#e63d0a));display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;border:1px solid rgba(230,61,10,.15)}
.cb-text strong{display:block;font-family:var(--f-display,var(--font-display,sans-serif))!important;font-size:.95rem;color:var(--an-ink,#0a1a2f);font-weight:700;margin-bottom:4px}
.cb-text a{color:var(--an-orange,var(--flame,#e63d0a));font-size:.92rem;font-weight:600;text-decoration:none;display:flex;align-items:center;gap:6px}
.cb-text a:hover{text-decoration:underline}

.lp-sidebar{position:sticky;top:calc(var(--nav-h,68px) + 28px)}
.lp-sidebar-card{background:var(--paper,#fff);border:1px solid var(--line,#e5e7eb);border-radius:14px;overflow:hidden;box-shadow:0 4px 20px rgba(10,26,47,.04);margin-bottom:20px}
.lp-sidebar-head{padding:14px 18px;background:var(--smoke,#f9fafb);border-bottom:1px solid var(--line,#e5e7eb);font-family:var(--f-display,var(--font-display,sans-serif))!important;font-size:.75rem;letter-spacing:1px;text-transform:uppercase;color:var(--an-ink,#0a1a2f);font-weight:700}
.lp-sidebar-row{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-bottom:1px solid var(--line,#f3f4f6);font-family:var(--f-body,var(--font-body,sans-serif))!important;font-size:.85rem}
.lp-sidebar-row:last-child{border-bottom:none}
.lp-sidebar-k{color:var(--an-muted,#6b7280);font-size:.82rem;font-weight:500}
.lp-sidebar-v{font-weight:700;color:var(--an-ink,#0a1a2f);font-size:.85rem}
.lp-sidebar-v.g{color:#059669}
.lp-sidebar-v.f{color:var(--an-orange,var(--flame,#e63d0a))}

.lp-toc{list-style:none;padding:8px}
.lp-toc li a{display:flex;align-items:center;gap:10px;padding:10px 14px;font-family:var(--f-body,var(--font-body,sans-serif))!important;font-size:.85rem;font-weight:500;color:var(--an-muted,#4b5563);text-decoration:none;border-radius:8px;transition:all .18s}
.lp-toc li a:hover{color:var(--an-orange,var(--flame,#e63d0a));background:rgba(230,61,10,.06);font-weight:600;padding-left:18px}
.lp-toc li a i{font-size:.65rem;color:var(--an-orange,var(--flame,#e63d0a));opacity:.7;flex-shrink:0}

@media(max-width:1024px){
  .lp-layout{grid-template-columns:1fr!important;gap:40px}
  .lp-sidebar{position:static;margin-top:30px}
  .lp-main{grid-column:1}
}
@media(max-width:640px){
  .lg-sec{margin-bottom:30px;padding-bottom:30px}
  .lg-sec p,.lg-list,.contact-box{padding-left:0;margin-left:0}
  .lp-meta{gap:10px}
  .lp-meta-sep{display:none}
}

/* ═══════════════════════════════════════════════════════
   HERO INTERACTIVE MOCKUP STAGE (About & Policy Pages)
   Responsive, cohesive card grouping on all viewport widths
   ═══════════════════════════════════════════════════════ */

/* Spin keyframe for center icon */
@keyframes an-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}

.an-hero-col-visual{width:100%;display:flex;align-items:center;justify-content:center;min-height:400px;position:relative}
.an-hero-mockup-stage{position:relative;width:100%;max-width:480px;height:360px;margin:0 auto}
.an-mockup-glow{position:absolute;width:320px;height:320px;background:radial-gradient(circle,rgba(230,61,10,0.2) 0%,rgba(0,0,0,0) 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}
.an-mockup-card-top{position:absolute;background:#0A1A2F;border:1px solid rgba(255,255,255,0.12);border-radius:12px;padding:16px 20px;width:260px;top:0;left:0;box-shadow:0 20px 40px rgba(0,0,0,0.4);z-index:2}
.an-mockup-card-bottom{position:absolute;background:#ffffff;border:1px solid var(--an-rule,#e5e7eb);border-radius:12px;padding:16px 20px;width:260px;bottom:0;right:0;box-shadow:0 20px 40px rgba(10,26,47,0.15);z-index:3}
.an-mockup-center-pill{position:absolute;background:#0A1A2F;border:1px solid rgba(255,255,255,0.12);border-radius:12px;padding:12px 18px;width:220px;top:155px;left:30px;box-shadow:0 20px 40px rgba(0,0,0,0.35);z-index:1}
.an-mockup-center-icon{position:absolute;width:48px;height:48px;border-radius:50%;background:var(--an-orange,#e63d0a);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.15rem;box-shadow:0 8px 24px rgba(230,61,10,0.5);top:135px;left:225px;z-index:4;animation:an-spin 12s linear infinite}

@media(max-width:900px){
  .an-hero-col-visual{min-height:340px;margin-top:20px}
  .an-hero-mockup-stage{max-width:420px;height:330px;transform:scale(0.92);transform-origin:center top}
}

/* Mobile: switch to vertical flex stack — no absolute positioning overlap */
@media(max-width:600px){
  .an-hero-col-visual{min-height:300px;margin-top:12px;margin-bottom:12px}
  .an-hero-mockup-stage{
    transform:scale(0.68);
    transform-origin:center top;
    margin-bottom:-80px
  }
}