/* 1SitePRo shared stylesheet — extracted from 1sitepro_v7_FIXED.html Apr 18 v10.
   Fonts swapped from Syne/Inter → Helvetica Neue / Amazon Ember system stack
   to match new funnel index.html. */

:root {
  --navy: #0a1628;
  --navy2: #0d1f3c;
  --navy3: #132d54;
  --gold: #c8980a;
  --gold2: #d4af37;
  --cyan: #38bdf8;
  --cyan2: #7dd3fc;
  --white: #ffffff;
  --off: #f7f8fc;
  --gray: #6b7a90;
  --gray-lt: #e2e8f0;
  --border: rgba(255,255,255,0.08);
  --border2: rgba(200,152,10,0.2);
  --shadow: 0 4px 24px rgba(0,0,0,0.08);
  --font-head: "Amazon Ember", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-body: "Amazon Ember", "Helvetica Neue", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:60px; font-size:15px; }
@media (max-width:860px) { html { font-size:16px; } }
body { font-family:var(--font-body); color:#0F1111; background:var(--white); line-height:1.5; -webkit-font-smoothing:antialiased; font-size:14px; }
h1,h2,h3,h4 { font-family:var(--font-head); font-weight:700; color:#0F1111; line-height:1.25; letter-spacing:-0.01em; }
img { max-width:100%; height:auto; display:block; }
a { color:inherit; text-decoration:none; }

/* NAV */
nav { position:sticky; top:0; z-index:100; background:var(--navy); padding:0 5%; height:64px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(200,152,10,0.15); }
.nav-logo { font-family:var(--font-head); font-size:1.4rem; font-weight:800; color:var(--white); letter-spacing:-0.01em; }
.nav-logo span { color:var(--gold); }
.nav-links { display:flex; gap:1.8rem; list-style:none; }
.nav-links a { color:rgba(255,255,255,0.65); font-size:0.9rem; font-weight:500; transition:color 0.2s; }
.nav-links a:hover, .nav-links a.active { color:var(--gold); }
.nav-right { display:flex; align-items:center; gap:1rem; }
.btn-primary { background:var(--gold); color:var(--navy); padding:0.7rem 1.4rem; min-height:44px; border-radius:6px; font-weight:700; font-size:0.9rem; border:none; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; transition:all 0.2s; }
button[type=submit] { min-height:44px; }
.btn-primary:hover { background:var(--gold2); transform:translateY(-1px); }
.btn-outline { border:1.5px solid rgba(255,255,255,0.25); color:rgba(255,255,255,0.85); padding:0.6rem 1.4rem; border-radius:6px; font-weight:600; font-size:0.9rem; background:none; display:inline-block; transition:all 0.2s; }
.btn-outline:hover { border-color:var(--gold); color:var(--gold); }
.hamburger { display:none; background:none; border:none; cursor:pointer; padding:6px; }
.hamburger span { display:block; width:22px; height:2px; background:var(--white); margin:5px 0; }
.mobile-nav { display:none; position:fixed; top:64px; left:0; width:100%; background:var(--navy); z-index:99; flex-direction:column; padding:1rem 0; border-bottom:1px solid rgba(200,152,10,0.15); }
.mobile-nav a { padding:0.9rem 5%; color:rgba(255,255,255,0.7); font-size:1rem; border-bottom:1px solid rgba(255,255,255,0.04); }
.mobile-nav a:hover { color:var(--gold); }
.mobile-nav .m-cta { background:var(--gold); color:var(--navy); margin:1rem 5%; padding:0.7rem; border-radius:6px; text-align:center; font-weight:700; }

/* A11Y */
:focus-visible { outline:2px solid var(--gold); outline-offset:3px; border-radius:3px; }
a:focus-visible, button:focus-visible, .btn-primary:focus-visible, .btn-outline:focus-visible { outline:3px solid var(--cyan); outline-offset:2px; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration:0.01ms !important; animation-iteration-count:1 !important; transition-duration:0.01ms !important; scroll-behavior:auto !important; }
}

/* NOTICE */
.notice { background:rgba(200,152,10,0.06); border-bottom:1px solid rgba(200,152,10,0.1); padding:0.5rem 5%; text-align:center; font-size:0.78rem; color:var(--gray); }
.notice strong { color:var(--gold); }

/* HERO — Amazon flat style */
.hero { background:#F5F5F5; border-bottom:1px solid #DDD; padding:1.5rem 5%; position:relative; }
.hero::after { display:none; }
.hero-grid { display:block; max-width:1100px; margin:0 auto; text-align:left; }
.hero-grid .hero-pain { max-width:none; margin:0 0 1rem 0; text-align:left; }
.hero h1 { text-align:left; font-family:var(--font-head); font-size:clamp(1.5rem,3vw,1.875rem); font-weight:500; color:#0F1111; line-height:1.25; margin-bottom:0.4rem; letter-spacing:-0.01em; }
.hero h1 .accent, .hero h1 .accent2 { color:#0F1111; }
.hero-desc { color:#565959; font-size:0.875rem; line-height:1.5; margin:0 0 1rem 0; max-width:700px; text-align:left; }
.hero-pain { background:rgba(200,0,0,0.08); border-left:3px solid #cc0000; padding:12px 16px; border-radius:0 8px 8px 0; margin-bottom:1.2rem; font-size:0.92rem; color:rgba(255,255,255,0.8); line-height:1.7; }
.hero-btns { display:flex; gap:0.6rem; flex-wrap:wrap; margin-bottom:0.8rem; justify-content:flex-start; }
.hero-trust { display:flex; flex-wrap:wrap; gap:0.8rem; justify-content:flex-start; }
.trust-badge { display:flex; align-items:center; gap:6px; font-size:0.8125rem; color:#565959; font-weight:400; }
.dot { width:6px; height:6px; border-radius:50%; background:var(--gold); }
.dot.cyan { background:var(--cyan); }

/* ROI STRIP */
.roi-strip { background:var(--navy2); border-top:1px solid rgba(200,152,10,0.2); border-bottom:1px solid rgba(200,152,10,0.2); padding:1.2rem 5%; }
.roi-inner { max-width:1100px; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:space-around; gap:1.5rem; }
.roi-item { text-align:center; }
.roi-num { font-family:var(--font-head); font-size:1.9rem; font-weight:800; color:var(--gold2); line-height:1; letter-spacing:-0.01em; }
.roi-label { font-size:0.72rem; color:rgba(255,255,255,0.55); letter-spacing:0.08em; text-transform:uppercase; margin-top:4px; }

/* SECTIONS — Amazon left-aligned, flat */
.section { padding:1.5rem 5%; }
.section-inner { max-width:1100px; margin:0 auto; }
.section-label { font-size:0.8125rem; font-weight:400; letter-spacing:0; text-transform:none; color:#565959; margin-bottom:4px; }
.section-title { font-family:var(--font-head); font-size:clamp(1.25rem,2.2vw,1.5rem); font-weight:500; color:#0F1111; margin-bottom:0.4rem; line-height:1.3; letter-spacing:-0.005em; }
.section-sub { color:#565959; font-size:0.875rem; line-height:1.5; max-width:720px; margin-bottom:1.2rem; }
.gold-rule { display:none; }

/* DARK SECTION — used sparingly, Amazon-flat */
.section-dark { background:#232F3E; }
.section-dark .section-title { color:var(--white); }
.section-dark .section-sub { color:#D5D9D9; }
.section-dark .section-label { color:#D5D9D9; }

/* LINKS — Amazon blue */
a.link, .section a:not(.btn-primary):not(.btn-outline):not(.service-cta):not(.dept-email-btn):not(.nav-logo):not([class*="footer"]):not(.hamburger) { color:#007185; }
a.link:hover, .section a:not(.btn-primary):not(.btn-outline):not(.service-cta):not(.dept-email-btn):not(.nav-logo):not([class*="footer"]):not(.hamburger):hover { color:#C7511F; text-decoration:underline; }

/* ABOUT */
.about-grid { display:grid; grid-template-columns:1fr 1fr; gap:3rem; }
.about-text p { font-size:0.92rem; line-height:1.85; color:#475569; margin-bottom:1rem; }
.about-box { background:var(--navy); border-radius:12px; padding:1.8rem; color:var(--white); }
.about-box h3 { font-family:var(--font-head); color:var(--gold); font-size:1.1rem; margin-bottom:1rem; }
.about-check { display:flex; gap:0.5rem; margin-bottom:0.7rem; font-size:0.88rem; color:rgba(255,255,255,0.75); }
.about-check em { color:var(--gold); font-style:normal; font-weight:700; }

/* STEPS */
.steps-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1.2rem; }
.step-card { background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.1); border-radius:10px; padding:1.5rem; text-align:center; }
.step-num { font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:var(--gold); margin-bottom:0.4rem; }
.step-card h4 { font-family:var(--font-head); font-size:1rem; font-weight:700; color:var(--white); margin-bottom:0.4rem; }
.step-card p { font-size:0.84rem; color:rgba(255,255,255,0.55); line-height:1.7; }

/* POLICY */
.policy-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.2rem; }
.policy-card { background:var(--white); border-radius:10px; padding:1.5rem; box-shadow:var(--shadow); border-top:3px solid var(--gold); }
.policy-card h4 { font-family:var(--font-head); color:var(--navy); font-size:1rem; margin-bottom:0.6rem; }
.policy-card p { font-size:0.86rem; color:var(--gray); line-height:1.75; }
.pay-methods { display:flex; flex-wrap:wrap; gap:0.5rem; margin-top:1.2rem; justify-content:center; }
.pay-methods span { background:var(--off); border:1px solid var(--gray-lt); padding:0.35rem 0.7rem; border-radius:6px; font-size:0.76rem; color:var(--gray); }

/* SERVICES */
.services-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(320px,1fr)); gap:1.2rem; align-items:start; }
.service-card { background:var(--white); border-radius:10px; box-shadow:var(--shadow); border-top:4px solid var(--navy2); overflow:hidden; transition:transform 0.25s, box-shadow 0.25s; }
.service-card:hover { transform:translateY(-3px); box-shadow:0 8px 32px rgba(0,0,0,0.12); }
.service-card.open { border-top-color:var(--gold); }
.service-header { padding:1.2rem 1.4rem; display:flex; align-items:center; gap:0.8rem; cursor:pointer; }
.service-icon { font-size:1.4rem; display:inline-flex; align-items:center; justify-content:center; color:var(--gold); }
.service-icon svg, .svg-ico { width:22px; height:22px; stroke:currentColor; fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.why-icon svg { width:22px; height:22px; stroke:var(--gold); fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.service-title-wrap { flex:1; }
.service-num { font-family:var(--font-head); font-size:0.7rem; font-weight:700; color:var(--gold); letter-spacing:0.1em; }
.service-title { font-family:var(--font-head); font-size:1rem; font-weight:700; color:var(--navy); }
.service-arrow { color:var(--gold); font-size:1rem; transition:transform 0.3s; }
.service-card.open .service-arrow { transform:rotate(180deg); }
.service-body { max-height:0; overflow:hidden; transition:max-height 0.4s ease; }
.service-card.open .service-body { max-height:2000px; }
.service-content { padding:0 1.4rem 1.4rem; }
.service-desc { font-size:0.9rem; color:var(--gray); line-height:1.8; margin-bottom:0.8rem; }
.service-deliverables { display:flex; flex-wrap:wrap; gap:0.4rem; margin-bottom:1rem; }
.deliverable { background:rgba(200,152,10,0.08); color:var(--gold); padding:0.25rem 0.7rem; border-radius:4px; font-size:0.76rem; font-weight:600; border:1px solid rgba(200,152,10,0.15); }
.service-features { list-style:none; margin-bottom:1rem; }
.service-features li { font-size:0.86rem; color:#475569; padding:0.3rem 0; border-bottom:1px solid rgba(0,0,0,0.04); }
.service-features li::before { content:'✓'; color:var(--gold); font-weight:700; margin-right:0.5rem; }
.section-dark .service-features li { color:rgba(255,255,255,0.85); border-bottom-color:rgba(255,255,255,0.07); }
.service-pricing { display:flex; flex-wrap:wrap; gap:0.5rem; margin-bottom:1rem; }
.price-pill { background:rgba(200,152,10,0.06); border:1px solid rgba(200,152,10,0.15); border-radius:6px; padding:0.5rem 0.8rem; font-size:0.8rem; text-align:center; }
.price-pill strong { display:block; color:var(--navy); font-size:0.72rem; margin-bottom:2px; }
.service-cta { display:inline-block; background:var(--gold); color:var(--navy); padding:0.55rem 1.2rem; border-radius:6px; font-weight:700; font-size:0.88rem; transition:all 0.2s; }
.service-cta:hover { background:var(--gold2); }
.doc-box { background:rgba(56,189,248,0.04); border:1px solid rgba(56,189,248,0.15); border-radius:8px; padding:1rem; margin-top:0.8rem; }
.doc-box-title { font-weight:700; font-size:0.86rem; color:var(--navy); margin-bottom:4px; }
.doc-box-desc { font-size:0.76rem; color:var(--gray); margin-bottom:0.6rem; }
.upl-box { margin-top:0.8rem; padding:1rem; background:rgba(200,152,10,0.04); border:1px solid rgba(200,152,10,0.15); border-radius:8px; font-size:0.76rem; line-height:1.85; color:#475569; }
.upl-box strong { color:var(--navy); }
.clemency-box { background:rgba(200,152,10,0.06); border:2px solid var(--gold); border-radius:10px; padding:1.2rem; margin-bottom:1rem; }
.clemency-box h4 { font-family:var(--font-head); color:var(--gold); font-size:1rem; margin-bottom:0.4rem; }
.clemency-box p { font-size:0.86rem; color:#475569; line-height:1.7; }
.section-dark .clemency-box p { color:rgba(255,255,255,0.82); }

/* TEAM */
.team-card { background:var(--white); border-radius:12px; padding:2.5rem; max-width:800px; margin:0 auto; box-shadow:var(--shadow); text-align:center; }
.t-avatar { width:96px; height:96px; background:rgba(200,152,10,0.08); border:2px solid var(--gold); border-radius:50%; display:flex; align-items:center; justify-content:center; font-family:var(--font-head); font-weight:800; color:var(--gold); font-size:0.72rem; letter-spacing:0.04em; margin:0 auto 1.2rem; text-align:center; }
.team-intro { font-family:var(--font-head); font-size:1rem; color:var(--navy); font-weight:600; font-style:italic; line-height:1.8; margin-bottom:1.5rem; }
.team-bio p { font-size:0.92rem; color:#475569; line-height:1.9; margin-bottom:1rem; text-align:left; }
.skill-tags { display:flex; flex-wrap:wrap; gap:0.4rem; justify-content:center; margin-top:1.2rem; }
.skill-tags span { background:var(--navy); color:var(--gold); padding:0.3rem 0.75rem; border-radius:20px; font-size:0.74rem; font-weight:600; }

/* WHY US */
.why-intro { text-align:center; max-width:640px; margin:0 auto 2rem; font-size:0.95rem; color:var(--gray); line-height:1.85; }
.why-hero-strip { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-bottom:2rem; }
.why-hero-stat { text-align:center; padding:1.5rem 1rem; background:linear-gradient(135deg,rgba(200,152,10,0.06),rgba(200,152,10,0.02)); border:1px solid rgba(200,152,10,0.15); border-radius:12px; position:relative; overflow:hidden; }
.why-hero-stat::before { content:''; position:absolute; top:0; left:50%; transform:translateX(-50%); width:48px; height:3px; background:var(--gold); border-radius:0 0 3px 3px; }
.wh-num { font-family:var(--font-head); font-size:clamp(1.8rem,3vw,2.6rem); font-weight:800; color:var(--gold); line-height:1; }
.wh-label { font-size:0.78rem; color:var(--gray); margin-top:4px; }
.why-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-bottom:2rem; }
.why-card { background:var(--white); border:1px solid var(--gray-lt); border-radius:10px; padding:1.4rem; transition:all 0.3s; }
.why-card:hover { border-color:var(--gold); transform:translateY(-4px); box-shadow:0 12px 36px rgba(0,0,0,0.08); }
.why-icon { width:46px; height:46px; background:rgba(200,152,10,0.06); border:1px solid rgba(200,152,10,0.15); border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:1.3rem; margin-bottom:0.8rem; }
.why-card h4 { font-family:var(--font-head); font-size:0.95rem; font-weight:700; margin-bottom:0.3rem; }
.why-card p { font-size:0.84rem; color:var(--gray); line-height:1.7; }
.why-compare { background:var(--off); border:1px solid var(--gray-lt); border-radius:12px; padding:1.5rem 2rem; display:grid; grid-template-columns:1fr auto 1fr auto 1fr; gap:1.2rem; align-items:center; text-align:center; }
.compare-col h4 { font-family:var(--font-head); font-size:1rem; margin-bottom:4px; color:var(--gray); }
.compare-col p { font-size:0.84rem; color:var(--gray); }
.compare-col.gold h4 { color:var(--gold); font-size:1.1rem; }
.compare-col.gold p { color:var(--gold); }
.compare-divider { width:1px; height:50px; background:var(--gray-lt); }

/* TESTIMONIALS */
.test-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
.test-card { background:var(--white); border-radius:10px; padding:1.5rem; box-shadow:var(--shadow); border-left:4px solid var(--gold); }
.test-card p { font-size:0.9rem; color:#475569; line-height:1.8; font-style:italic; margin-bottom:0.6rem; }
.test-author { font-size:0.82rem; font-weight:700; color:var(--gold); }

/* CONFIDENTIALITY */
.conf-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
.law-card { background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.1); border-radius:10px; padding:1.4rem; text-align:center; transition:transform 0.3s; }
.law-card:hover { transform:translateY(-4px); }
.law-badge { display:inline-block; font-size:0.66rem; font-weight:700; text-transform:uppercase; letter-spacing:0.08em; padding:3px 8px; border-radius:4px; margin-bottom:8px; }
.law-badge.federal { background:rgba(56,189,248,0.12); color:var(--cyan); }
.law-badge.nj { background:rgba(200,152,10,0.12); color:var(--gold); }
.law-name { font-family:var(--font-head); font-size:0.98rem; color:var(--white); font-weight:700; margin-bottom:0.4rem; }
.law-card p { font-size:0.78rem; color:rgba(255,255,255,0.5); line-height:1.75; }

/* FAQ */
.faq-tabs { display:flex; gap:0.5rem; margin-bottom:1.5rem; flex-wrap:wrap; }
.faq-tab { padding:0.55rem 1.2rem; border-radius:6px; font-size:0.88rem; font-weight:600; cursor:pointer; border:1px solid var(--gray-lt); background:var(--white); color:var(--gray); transition:all 0.2s; }
.faq-tab.active { background:var(--gold); color:var(--navy); border-color:var(--gold); }
.faq-tab-cyan { border-color:rgba(56,189,248,0.3) !important; color:var(--cyan) !important; }
.faq-tab-cyan.active { background:var(--cyan) !important; color:var(--navy) !important; border-color:var(--cyan) !important; }
.faq-tab-gold { border-color:rgba(200,152,10,0.3) !important; color:var(--gold) !important; }
.faq-tab-gold.active { background:var(--gold) !important; color:var(--navy) !important; border-color:var(--gold) !important; }
.faq-panel { display:none; }
.faq-panel.active { display:block; }
.faq-panels-outer { min-height: 500px; }
.faq-grid { display:grid; grid-template-columns:1fr 1fr; gap:0.6rem; }
.faq-item { background:var(--white); border:1px solid var(--gray-lt); border-radius:8px; overflow:hidden; cursor:pointer; transition:border-color 0.3s; }
.faq-item:hover, .faq-item.open { border-color:var(--gold); }
.faq-q { padding:0.95rem 1rem; font-family:var(--font-head); font-weight:700; font-size:0.88rem; display:flex; justify-content:space-between; align-items:center; }
.faq-q::after { content:'+'; color:var(--gold); font-size:1.2rem; transition:transform 0.3s; }
.faq-item.open .faq-q::after { transform:rotate(45deg); }
.faq-a { max-height:0; overflow:hidden; transition:max-height 0.3s ease; }
.faq-item.open .faq-a { max-height:500px; }
.faq-a p { padding:0 1rem 0.95rem; font-size:0.84rem; color:var(--gray); line-height:1.8; }
.gov-tag { display:inline-block; background:rgba(200,152,10,0.08); color:var(--gold); padding:2px 8px; border-radius:4px; font-size:0.68rem; font-weight:700; margin-bottom:4px; }

/* FORMS */
.form-wrap { background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.1); border-radius:10px; padding:2rem; margin-top:2rem; }
.form-wrap h3 { font-family:var(--font-head); color:var(--white); font-size:1.15rem; margin-bottom:1.2rem; text-align:center; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin-bottom:1rem; }
.form-row.full { grid-template-columns:1fr; }
.field label { display:block; color:rgba(255,255,255,0.55); font-size:0.78rem; font-weight:500; margin-bottom:4px; }
.field input, .field select, .field textarea { width:100%; padding:0.8rem; border-radius:6px; border:1px solid rgba(255,255,255,0.12); background:rgba(255,255,255,0.05); color:var(--white); font-family:var(--font-body); font-size:16px; min-height:44px; }
.field select option { background:var(--navy); color:var(--white); }
.field textarea { min-height:100px; resize:vertical; }
.hp-field { position:absolute; left:-9999px; opacity:0; height:0; }
#form-success { display:none; text-align:center; padding:2.5rem; color:var(--gold); font-size:1.05rem; font-weight:600; }

/* CONTACT DEPT GRID */
.dept-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
.dept-card { background:var(--white); border-radius:14px; padding:1.4rem 1.2rem 1.2rem; box-shadow:0 2px 16px rgba(0,0,0,0.07); border:1px solid var(--gray-lt); border-top:3px solid var(--gold); transition:all 0.25s; display:flex; flex-direction:column; gap:0.5rem; }
.dept-card.cyan-accent { border-top-color:var(--cyan); }
.dept-card:hover { transform:translateY(-4px); box-shadow:0 10px 32px rgba(0,0,0,0.10); }
.dept-top { display:flex; align-items:center; gap:0.7rem; margin-bottom:0.2rem; }
.dept-icon-wrap { width:44px; height:44px; border-radius:11px; background:rgba(200,152,10,0.08); border:1px solid rgba(200,152,10,0.15); display:flex; align-items:center; justify-content:center; font-size:1.3rem; flex-shrink:0; }
.dept-icon-wrap.cyan { background:rgba(56,189,248,0.08); border-color:rgba(56,189,248,0.2); }
.dept-name { font-family:var(--font-head); font-size:0.92rem; font-weight:700; color:var(--navy); }
.dept-desc { font-size:0.76rem; color:var(--gray); line-height:1.5; }
.dept-email-display { font-size:0.72rem; color:var(--gray); font-family:monospace; background:var(--off); padding:4px 8px; border-radius:5px; border:1px solid var(--gray-lt); }
.dept-email-btn { display:flex; align-items:center; justify-content:center; gap:0.5rem; background:var(--navy); color:var(--gold); padding:0.75rem 0.9rem; min-height:44px; border-radius:8px; font-size:0.82rem; font-weight:700; margin-top:0.2rem; transition:all 0.2s; border:1px solid rgba(200,152,10,0.2); cursor:pointer; }
.dept-email-btn:hover { background:var(--gold); color:var(--navy); }
.dept-email-btn.cyan-btn { color:var(--cyan); border-color:rgba(56,189,248,0.25); }
.dept-email-btn.cyan-btn:hover { background:var(--cyan); color:var(--navy); }

/* CONTACT GRID */
.contact-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1rem; }

/* NEWSLETTER */
.nl-form { display:flex; gap:0.6rem; max-width:460px; margin:1rem auto 0; }
.nl-form input { flex:1; padding:0.8rem; border-radius:8px; border:1px solid var(--gray-lt); font-size:16px; font-family:var(--font-body); min-height:44px; }
.nl-form button { background:var(--gold); color:var(--navy); padding:0.65rem 1.4rem; border:none; border-radius:8px; font-weight:700; cursor:pointer; min-height:44px; }

/* FOOTER */
footer { background:var(--navy); border-top:1px solid rgba(200,152,10,0.1); padding:3rem 5% 1.5rem; color:rgba(255,255,255,0.45); }
.footer-grid { display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr; gap:2rem; max-width:1100px; margin:0 auto; }
.f-logo { font-family:var(--font-head); font-size:1.25rem; font-weight:800; color:var(--white); margin-bottom:0.4rem; letter-spacing:-0.01em; }
.f-logo span { color:var(--gold); }
.footer-brand p { font-size:0.74rem; line-height:1.8; }
footer h4 { font-family:var(--font-head); font-size:0.76rem; color:var(--gold); margin-bottom:0.7rem; letter-spacing:0.08em; text-transform:uppercase; }
.footer-links a { display:block; font-size:0.84rem; color:rgba(255,255,255,0.45); margin-bottom:0.35rem; }
.footer-links a:hover { color:var(--gold); }
.footer-bottom { border-top:1px solid rgba(255,255,255,0.06); padding-top:1rem; margin-top:2rem; max-width:1100px; margin-left:auto; margin-right:auto; display:flex; justify-content:space-between; flex-wrap:wrap; gap:0.5rem; font-size:0.74rem; }
.footer-bottom a { color:rgba(255,255,255,0.35); }
.footer-bottom a:hover { color:var(--gold); }
.upl-footer { margin-top:1rem; font-size:0.62rem; color:rgba(255,255,255,0.25); line-height:1.9; text-align:center; max-width:900px; margin-left:auto; margin-right:auto; }

/* MODALS */
.modal-overlay { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:9999; align-items:center; justify-content:center; }
.modal-overlay.open { display:flex; }
.modal-box { background:var(--white); border-radius:12px; max-width:650px; width:90%; max-height:85vh; overflow-y:auto; padding:2rem; }
.modal-close { float:right; font-size:1.5rem; cursor:pointer; color:var(--gray); }

/* SCROLL PROGRESS + BTT */
#scroll-progress { position:fixed; top:0; left:0; height:3px; background:var(--gold); z-index:9999; width:0%; transition:width 0.1s; pointer-events:none; }
#btt-btn { position:fixed; bottom:1.8rem; right:1.8rem; width:46px; height:46px; background:var(--navy); border:2px solid rgba(200,152,10,0.4); border-radius:50%; display:flex; align-items:center; justify-content:center; cursor:pointer; z-index:200; opacity:0; transform:translateY(8px); transition:opacity 0.3s, transform 0.3s; font-size:1.1rem; color:var(--gold); }
#btt-btn.visible { opacity:1; transform:translateY(0); }
#btt-btn:hover { background:var(--gold); color:var(--navy); border-color:var(--gold); }

/* RESPONSIVE */
@media(min-width:1400px){.section-inner,.footer-grid{max-width:1280px;}.section{padding:2.5rem 8%;}}
@media(max-width:960px){
  .nav-links{display:none;} .hamburger{display:block;}
  .section{padding:3.5rem 5%;}
  .about-grid{grid-template-columns:1fr;}
  .form-row{grid-template-columns:1fr;}
  .steps-grid,.policy-grid,.conf-grid,.test-grid{grid-template-columns:repeat(2,1fr);}
  .why-grid{grid-template-columns:repeat(2,1fr);}
  .why-compare{grid-template-columns:1fr;}
  .compare-divider{width:60px;height:1px;margin:0 auto;}
  .footer-grid{grid-template-columns:1fr 1fr;gap:2rem;}
  .services-grid{grid-template-columns:1fr;}
  .faq-grid,.contact-grid{grid-template-columns:1fr;}
  .dept-grid{grid-template-columns:repeat(2,1fr);}
  .faq-tabs{flex-wrap:wrap;}
  .roi-inner{justify-content:center;}
}
@media(max-width:768px){
  .section{padding:3rem 4%;}
  .steps-grid,.why-grid{grid-template-columns:repeat(2,1fr);}
  .test-grid,.dept-grid{grid-template-columns:repeat(2,1fr);}
  .footer-grid{grid-template-columns:1fr 1fr;}
  .faq-tab{font-size:0.82rem;}
  .btn-primary,.btn-outline{padding:0.75rem 1.4rem;min-height:44px;}
  .field input, .field select, .field textarea, .nl-form input { font-size:16px !important; }
  .service-header{padding:1rem 1.2rem;}.service-content{padding:0 1.2rem 1.2rem;}
}
@media(max-width:600px){
  .section{padding:2.5rem 4%;}.hero{padding:3.5rem 4% 3rem;}
  .steps-grid,.policy-grid,.why-grid,.why-hero-strip,.conf-grid,.test-grid,.dept-grid{grid-template-columns:1fr;}
  .faq-tab{font-size:0.78rem;padding:0.45rem 0.8rem;}
  .footer-grid{grid-template-columns:1fr;}
  .btn-primary,.btn-outline{width:100%;text-align:center;min-height:48px;}
  .hero-btns{flex-direction:column;}
  .nl-form{flex-direction:column;}.nl-form input,.nl-form button{width:100%;}
}
@media(max-width:480px){
  .section{padding:2rem 3.5%;}.hero{padding:3rem 3.5% 2.5rem;}
  .section-title{font-size:clamp(1.3rem,6vw,1.9rem)!important;}
  .service-header{padding:0.9rem 1rem;}.service-content{padding:0 1rem 1rem;}
  nav{padding:0 4%;}
  .roi-num{font-size:1.5rem;}
  .dept-card{padding:1rem;}
  #btt-btn{width:40px;height:40px;bottom:1.2rem;right:1.2rem;}
}

/* ═══ AMAZON-STYLE OVERRIDES (v10d) ═══ */
/* Flatten card shadows → subtle Amazon borders */
.service-card, .why-card, .policy-card, .team-card, .dept-card, .form-wrap, .step-card, .test-card, .faq-item {
  box-shadow:none !important;
  border:1px solid #DDD !important;
  border-radius:4px !important;
}
.service-card { border-top:1px solid #DDD !important; }
.service-card.open { border-top:2px solid #C8980A !important; }
.service-card:hover { transform:none !important; box-shadow:none !important; border-color:#999 !important; }

/* Left-align inline-centered headers (Amazon flow) */
.section-inner[style*="text-align:center"],
.section-inner[style*="text-align: center"] { text-align:left !important; }
.section h1, .section h2, .section .section-title { text-align:left !important; }

/* Eyebrow labels → muted gray, not gold ALL-CAPS */
.section-label { color:#565959 !important; text-transform:none !important; letter-spacing:0 !important; font-weight:400 !important; font-size:0.8125rem !important; }
.section-dark .section-label { color:#D5D9D9 !important; }

/* Tighter section rhythm */
.section { padding:1.25rem 5% !important; }
section[class*="section-dark"] { padding:1.5rem 5% !important; }

/* Primary CTA → Amazon yellow-gold, pill style */
.btn-primary { background:#F0D87E !important; color:#0F1111 !important; border:1px solid #E5C766 !important; box-shadow:0 2px 5px 0 rgba(213,217,217,0.5) !important; font-weight:400 !important; border-radius:8px !important; }
.btn-primary:hover { background:#E8CC6B !important; border-color:#DDBB55 !important; transform:none !important; }
.service-cta { background:#F0D87E !important; color:#0F1111 !important; border:1px solid #E5C766 !important; border-radius:8px !important; font-weight:400 !important; }
.service-cta:hover { background:#E8CC6B !important; }

/* Dept email button → Amazon light secondary */
.dept-email-btn { background:#F0F2F2 !important; color:#0F1111 !important; border:1px solid #D5D9D9 !important; border-radius:8px !important; font-weight:400 !important; }
.dept-email-btn:hover { background:#E3E6E6 !important; color:#0F1111 !important; border-color:#ADB1B8 !important; }

/* Table → Amazon product details */
.why-compare table { box-shadow:none !important; border:1px solid #DDD; border-radius:4px !important; }
.why-compare thead tr { background:#F0F2F2 !important; color:#0F1111 !important; }
.why-compare th { color:#0F1111 !important; font-weight:700; }

/* FAQ tabs → flat underline style */
.faq-tab { background:transparent !important; border:none !important; border-bottom:3px solid transparent !important; border-radius:0 !important; color:#565959 !important; padding:0.6rem 1rem !important; font-weight:400 !important; }
.faq-tab.active { border-bottom-color:#C7511F !important; color:#0F1111 !important; font-weight:700 !important; background:transparent !important; }

/* Nav → Amazon dark bar */
nav { background:#131921 !important; border-bottom:none !important; }
.nav-links a { color:#FFFFFF !important; font-weight:400 !important; }
.nav-links a:hover, .nav-links a.active { color:#FFFFFF !important; border:1px solid #FFF; border-radius:2px; padding:2px 6px; margin:-3px -7px; }

/* Footer → Amazon dark slate */
footer { background:#232F3E !important; }

/* Kill radial glows / decorative gradients */
.hero::before, section::before, section::after { display:none !important; }

/* ═══ DEPT CARDS — Amazon tonal hierarchy ═══ */
section:has(.dept-grid) { background:#F7F8F8 !important; }
.dept-card { background:#FFFFFF !important; border:1px solid #D5D9D9 !important; border-top:3px solid #131921 !important; border-radius:4px !important; box-shadow:none !important; padding:1rem 1rem 0.9rem !important; }
.dept-card:hover { transform:none !important; border-color:#ADB1B8 !important; box-shadow:0 2px 6px rgba(15,17,17,0.08) !important; }
.dept-icon-wrap { background:#FEF3C7 !important; border:1px solid #FCD34D !important; border-radius:6px !important; width:40px !important; height:40px !important; }
.dept-name { color:#0F1111 !important; font-weight:700 !important; font-size:0.9375rem !important; }
.dept-desc { color:#565959 !important; font-size:0.8125rem !important; line-height:1.45 !important; }
.dept-email-display { background:#F7F8F8 !important; border:1px solid #D5D9D9 !important; color:#565959 !important; font-family:ui-monospace,Consolas,monospace !important; font-size:0.75rem !important; }
.dept-email-btn { background:#F0D87E !important; color:#0F1111 !important; border:1px solid #E5C766 !important; border-radius:8px !important; font-weight:400 !important; box-shadow:0 2px 5px 0 rgba(213,217,217,0.5) !important; }
.dept-email-btn:hover { background:#E8CC6B !important; border-color:#DDBB55 !important; color:#0F1111 !important; }

/* ═══ DARK SECTION READABILITY ═══ */
.section-dark { padding:2rem 5% !important; }
.section-dark .section-label { color:#F0D87E !important; font-size:0.8125rem !important; font-weight:600 !important; letter-spacing:0.08em !important; text-transform:uppercase !important; }
.section-dark .section-title { color:#FFFFFF !important; font-size:clamp(1.5rem,2.6vw,2rem) !important; font-weight:600 !important; margin-bottom:0.6rem !important; }
.section-dark .section-sub, .section-dark p { color:#E8EAED !important; font-size:0.9375rem !important; line-height:1.55 !important; }

/* ═══ NIKE-STYLE BUTTONS (v10d.2) — black pill, white text ═══ */
.btn-primary, .service-cta, .dept-email-btn {
  background:#111111 !important;
  color:#FFFFFF !important;
  border:1px solid #111111 !important;
  border-radius:999px !important;
  font-weight:500 !important;
  font-size:0.875rem !important;
  letter-spacing:0 !important;
  box-shadow:none !important;
  padding:0.7rem 1.4rem !important;
  transition:background 0.15s, transform 0.15s !important;
}
.btn-primary:hover, .service-cta:hover, .dept-email-btn:hover {
  background:#333333 !important;
  color:#FFFFFF !important;
  border-color:#333333 !important;
  transform:none !important;
}
.btn-outline {
  background:transparent !important;
  color:#111111 !important;
  border:1.5px solid #111111 !important;
  border-radius:999px !important;
  font-weight:500 !important;
}
.btn-outline:hover {
  background:#111111 !important;
  color:#FFFFFF !important;
  border-color:#111111 !important;
}

/* ═══ COMPARISON TABLE — Nike-minimal ═══ */
.why-compare { width:100%; max-width:100% !important; margin:0 !important; }
.why-compare table { width:100% !important; border-collapse:collapse !important; background:#fff !important; border:1px solid #DDD !important; border-radius:4px !important; overflow:hidden !important; box-shadow:none !important; font-size:0.9375rem !important; }
.why-compare thead tr { background:#F7F8F8 !important; }
.why-compare th { padding:0.9rem 1rem !important; font-weight:700 !important; color:#0F1111 !important; text-align:center !important; font-size:0.875rem !important; border-bottom:2px solid #111 !important; }
.why-compare th[style*="#111111"] { background:#111111 !important; color:#fff !important; }
.why-compare tbody td { padding:0.85rem 1rem !important; color:#0F1111 !important; text-align:center !important; border-bottom:1px solid #EEE !important; }
.why-compare tbody td:first-child { text-align:left !important; font-weight:600 !important; color:#565959 !important; background:#FAFAFA !important; }
.why-compare tbody tr:last-child td { border-bottom:none !important; }
.why-compare tbody tr:hover { background:#F7F8F8 !important; }
.why-compare td.win { font-weight:700 !important; color:#0F1111 !important; background:#F0F2F2 !important; }
.why-compare tbody tr:hover td.win { background:#E8EAED !important; }