/* ============================================
   VueFunds V3 — Premium Design System
   ============================================ */
:root {
  --bg: #F8FAFC;
  --white: #FFFFFF;
  --navy: #0F172A;
  --navy-light: #1E293B;
  --navy-mid: #334155;
  --slate: #475569;
  --slate-light: #64748B;
  --blue: #2563EB;
  --blue-hover: #1D4ED8;
  --blue-dark: #1E40AF;
  --blue-light: #DBEAFE;
  --blue-pale: #EFF6FF;
  --green: #16A34A;
  --green-light: #DCFCE7;
  --green-pale: #F0FDF4;
  --amber: #F59E0B;
  --amber-light: #FEF3C7;
  --border: #E2E8F0;
  --border-dark: #CBD5E1;
  --shadow-sm: 0 1px 3px rgba(15,23,42,0.05);
  --shadow-md: 0 4px 20px rgba(15,23,42,0.07);
  --shadow-lg: 0 8px 40px rgba(15,23,42,0.09);
  --shadow-xl: 0 20px 60px rgba(15,23,42,0.12);
  --shadow-blue: 0 4px 14px rgba(37,99,235,0.2);
  --radius: 12px;
  --radius-sm: 8px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-2xl: 24px;
  --max-width: 1200px;
  --nav-height: 72px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{font-family:'DM Sans',system-ui,-apple-system,sans-serif;color:var(--navy);background:var(--bg);line-height:1.65}
img{max-width:100%;display:block}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,h4{font-family:'Fraunces',Georgia,serif;line-height:1.2;font-weight:700}
h1{font-size:clamp(1.9rem,4vw,2.9rem);letter-spacing:-0.02em}
h2{font-size:clamp(1.5rem,3vw,2.2rem);letter-spacing:-0.01em}
h3{font-size:clamp(1.1rem,2vw,1.45rem)}
h4{font-size:1.02rem;font-family:'DM Sans',sans-serif;font-weight:600}

.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}
.section{padding:84px 0}
.section--white{background:var(--white)}
.section--navy{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-light) 100%);color:#fff}
.section--blue-pale{background:var(--blue-pale)}
.section--gradient{background:linear-gradient(180deg,var(--white) 0%,var(--bg) 100%)}

/* ---- Nav ---- */
#vf-nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.96);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);height:var(--nav-height)}
.nav__inner{display:flex;align-items:center;justify-content:space-between;height:var(--nav-height)}
.nav__logo{font-family:'Fraunces',Georgia,serif;font-size:1.5rem;font-weight:800;color:var(--navy);letter-spacing:-0.02em;text-decoration:none}
.nav__logo span{color:var(--blue)}
.nav__links{display:flex;gap:28px;align-items:center}
.nav__links a{color:var(--slate);font-size:0.88rem;font-weight:500;transition:color 0.15s;text-decoration:none}
.nav__links a:hover{color:var(--navy)}
.nav__phone{color:var(--navy)!important;font-weight:600!important}
.nav__cta{background:var(--blue)!important;color:#fff!important;padding:10px 22px;border-radius:var(--radius-sm);font-weight:600;font-size:0.88rem;transition:all 0.2s;box-shadow:var(--shadow-blue)}
.nav__cta:hover{background:var(--blue-hover)!important;text-decoration:none!important;transform:translateY(-1px)}
.nav__hamburger{display:none;background:none;border:none;cursor:pointer;padding:6px;color:var(--navy)}
@media(max-width:900px){.nav__links{display:none}.nav__links--open{display:flex;flex-direction:column;position:absolute;top:var(--nav-height);left:0;right:0;background:var(--white);border-bottom:1px solid var(--border);padding:24px;gap:18px;box-shadow:var(--shadow-lg);z-index:99}.nav__hamburger{display:block}}

/* ---- Buttons ---- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:'DM Sans',sans-serif;font-weight:600;font-size:1rem;padding:15px 30px;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:all 0.2s;text-decoration:none}
.btn:hover{text-decoration:none}
.btn--primary{background:var(--blue);color:#fff;box-shadow:var(--shadow-blue)}
.btn--primary:hover{background:var(--blue-hover);box-shadow:0 6px 20px rgba(37,99,235,0.3);transform:translateY(-1px)}
.btn--outline{background:transparent;color:var(--blue);border:2px solid var(--blue)}
.btn--outline:hover{background:var(--blue-pale)}
.btn--white{background:#fff;color:var(--navy);box-shadow:var(--shadow-sm)}
.btn--white:hover{background:#F1F5F9;transform:translateY(-1px)}
.btn--ghost{background:transparent;color:var(--slate);padding:10px 16px;font-size:0.9rem}
.btn--lg{padding:18px 36px;font-size:1.05rem;border-radius:var(--radius)}

/* ---- Cards ---- */
.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-sm);transition:all 0.3s}
.card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}
.card--flat{box-shadow:none}.card--flat:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}

/* ---- Section Headers ---- */
.section-header{text-align:center;max-width:700px;margin:0 auto 56px}
.section-header h2{margin-bottom:14px}
.section-header p{color:var(--slate);font-size:1.05rem;line-height:1.7}
.label{display:inline-block;background:var(--blue-pale);color:var(--blue);font-size:0.76rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;padding:6px 16px;border-radius:20px;margin-bottom:16px}

/* ---- SVG Icon Wrapper ---- */
.icon-box{width:48px;height:48px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.icon-box--blue{background:var(--blue-pale);color:var(--blue)}
.icon-box--green{background:var(--green-light);color:var(--green)}
.icon-box--navy{background:var(--navy);color:#fff}
.icon-box svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* ============ HERO ============ */
.hero{padding:36px 0 48px;background:linear-gradient(180deg,#fff 0%,#F1F5F9 35%,#E8F0FE 70%,#DBEAFE 100%);position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;top:20%;right:15%;width:350px;height:350px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,0.05) 0%,transparent 70%);pointer-events:none}
.hero::after{content:'';position:absolute;bottom:-40px;left:10%;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(22,163,74,0.03) 0%,transparent 70%);pointer-events:none}
.hero__grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.hero__text{padding-top:8px}
.hero__text h1{margin-bottom:16px;font-size:clamp(1.7rem,3.5vw,2.5rem);line-height:1.15}
.hero__sub{font-size:1rem;color:var(--slate);margin-bottom:22px;line-height:1.7}
.hero__proof{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}
.hero__proof-item{display:flex;align-items:center;gap:8px;font-size:0.84rem;color:var(--navy);font-weight:500;background:var(--white);border:1px solid var(--border);padding:8px 14px;border-radius:40px}
.hero__proof-item svg{width:16px;height:16px;stroke:var(--green);fill:none;stroke-width:2.5}
.hero__phone{font-size:0.88rem;color:var(--navy);background:var(--white);display:flex;align-items:center;gap:10px;padding:11px 18px;border-radius:var(--radius-sm);border:1px solid var(--border);box-shadow:var(--shadow-sm)}
.hero__phone a{color:var(--blue);font-weight:700;font-size:1.05rem;text-decoration:none}
.hero__phone a:hover{text-decoration:underline}
.hero__cards{display:flex;flex-direction:column;gap:10px;margin-top:12px}
@media(max-width:900px){.hero__grid{grid-template-columns:1fr;gap:32px}.hero__text{text-align:center;padding-top:0}.hero__proof{justify-content:center}.hero__phone{justify-content:center}.hero__cards{align-items:center}}

/* ---- Trust Strip ---- */
.trust-strip{padding:40px 0 44px;background:var(--white);border-top:1px solid var(--border)}
.ts-header{text-align:center;margin-bottom:28px}
.ts-header h3{font-size:1.2rem;margin-bottom:8px;color:var(--navy)}
.ts-header p{font-size:0.9rem;color:var(--slate);line-height:1.7;max-width:620px;margin:0 auto}
.ts-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.ts-tile{text-align:center;padding:20px 12px;background:var(--bg);border:1px solid var(--border);border-radius:12px;transition:all 0.2s}
.ts-tile:hover{border-color:var(--blue-light);box-shadow:0 2px 12px rgba(37,99,235,0.06);transform:translateY(-2px)}
.ts-icon{width:40px;height:40px;border-radius:10px;background:var(--green-light);display:flex;align-items:center;justify-content:center;margin:0 auto 10px}
.ts-label{font-size:0.8rem;font-weight:600;color:var(--navy);line-height:1.3}
.ts-sub{font-size:0.7rem;color:var(--slate-light);margin-top:4px;line-height:1.3}
@media(max-width:720px){.ts-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:480px){.ts-grid{grid-template-columns:repeat(2,1fr)}}

/* ---- Steps ---- */
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative}
.step-card{text-align:center;padding:36px 20px;position:relative}
.step-num{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;font-weight:700;font-size:1.2rem;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:var(--shadow-blue)}
.step-card h4{margin-bottom:10px;font-size:0.98rem}
.step-card p{font-size:0.88rem;color:var(--slate)}
@media(max-width:720px){.steps-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.steps-grid{grid-template-columns:1fr}}

/* ---- Trust Cards ---- */
.trust-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.trust-card{padding:36px 28px;position:relative;overflow:hidden;border-radius:var(--radius-lg)}
.trust-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--green))}
.trust-card .icon-box{margin-bottom:18px}
.trust-card h4{margin-bottom:10px;font-size:1.02rem}
.trust-card p{font-size:0.88rem;color:var(--slate);line-height:1.65}
@media(max-width:720px){.trust-cards{grid-template-columns:1fr}}

/* ---- Testimonials ---- */
.testimonials-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
@media(max-width:720px){.testimonials-grid{grid-template-columns:1fr}}
.testimonial-card{padding:32px;border-radius:var(--radius-lg);position:relative;overflow:hidden}
.testimonial-card::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--blue),var(--green))}
.testimonial-card__quote{font-size:0.92rem;color:var(--slate);line-height:1.75;margin-bottom:20px;font-style:italic;padding-left:16px}
.testimonial-card__quote::before{content:'\201C';font-family:'Fraunces',serif;font-size:3rem;color:var(--blue-light);position:absolute;top:16px;left:20px;line-height:1}
.testimonial-card__author{display:flex;align-items:center;gap:12px;padding-left:16px}
.testimonial-card__avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--blue-pale),var(--blue-light));display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--blue);font-size:0.85rem}
.testimonial-card__info{font-size:0.82rem}
.testimonial-card__name{font-weight:600;color:var(--navy)}
.testimonial-card__role{color:var(--slate-light)}
.testimonial-card__tag{display:inline-block;font-size:0.72rem;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;padding:4px 10px;border-radius:12px;margin-bottom:14px;margin-left:16px}
.tag--filtering{background:#EDE9FE;color:#7C3AED}
.tag--comparison{background:var(--amber-light);color:#B45309}
.tag--equipment{background:var(--green-light);color:var(--green)}
.tag--prequalification{background:var(--blue-pale);color:var(--blue)}
.tag--estimates{background:#FEE2E2;color:#DC2626}
.tag--flexibility{background:#E0F2FE;color:#0369A1}
.tag--expansion{background:#FEF3C7;color:#92400E}
.tag--transparency{background:#F0FDF4;color:#166534}
.tag--speed{background:#FCE7F3;color:#BE185D}
.tag--professionalism{background:#F1F5F9;color:var(--navy-mid)}

/* ---- Scenarios ---- */
.scenarios-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
@media(max-width:720px){.scenarios-grid{grid-template-columns:1fr}}
.scenario-card{padding:0;overflow:hidden;border-radius:var(--radius-lg)}
.scenario-card__header{padding:20px 28px;background:linear-gradient(135deg,var(--navy),var(--navy-light));color:#fff}
.scenario-card__header h4{font-family:'Fraunces',serif;font-size:1rem;color:#fff;margin-bottom:4px}
.scenario-card__header .scenario-tag{font-size:0.72rem;color:var(--blue-light);font-weight:500;text-transform:uppercase;letter-spacing:0.06em}
.scenario-card__body{padding:24px 28px}
.scenario-card__step{margin-bottom:14px}
.scenario-card__step-label{font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:4px}
.scenario-card__step-label--need{color:var(--blue)}
.scenario-card__step-label--process{color:var(--amber)}
.scenario-card__step-label--outcome{color:var(--green)}
.scenario-card__step p{font-size:0.86rem;color:var(--slate);line-height:1.6}
.scenario-disclaimer{font-size:0.78rem;color:var(--slate-light);text-align:center;margin-top:32px;padding:16px;background:var(--bg);border-radius:var(--radius-sm);max-width:700px;margin-left:auto;margin-right:auto}

/* ---- Selection Process ---- */
.selection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
@media(max-width:640px){.selection-grid{grid-template-columns:1fr}}
.selection-item{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);transition:all 0.2s}
.selection-item:hover{border-color:var(--blue);box-shadow:var(--shadow-sm)}
.selection-item svg{width:20px;height:20px;stroke:var(--blue);fill:none;stroke-width:2;flex-shrink:0;margin-top:2px}
.selection-item span{font-size:0.9rem;color:var(--navy);font-weight:500}

/* ---- Credibility Stats ---- */
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
@media(max-width:720px){.stats-grid{grid-template-columns:repeat(2,1fr)}}
.stat-card{text-align:center;padding:32px 20px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all 0.25s}
.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}
.stat-card__num{font-family:'Fraunces',serif;font-size:2rem;font-weight:800;color:var(--blue);margin-bottom:6px}
.stat-card__label{font-size:0.82rem;color:var(--slate);line-height:1.4}

/* ---- Why VueFunds ---- */
.why-card{background:linear-gradient(135deg,var(--navy),var(--navy-light));border-radius:var(--radius-xl);padding:48px;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
@media(max-width:720px){.why-card{grid-template-columns:1fr;padding:32px}}
.why-card h2{color:#fff;margin-bottom:16px}
.why-card p{color:#94A3B8;font-size:0.95rem;line-height:1.75;margin-bottom:16px}
.why-card__list{list-style:none;padding:0}
.why-card__list li{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.08);color:#CBD5E1;font-size:0.9rem}
.why-card__list li:last-child{border-bottom:none}
.why-card__list li svg{width:18px;height:18px;stroke:var(--green);fill:none;stroke-width:2.5;flex-shrink:0}

/* ---- Image Placeholder ---- */
.img-placeholder{background:linear-gradient(135deg,var(--blue-pale) 0%,#C7D2FE 50%,var(--blue-light) 100%);border-radius:var(--radius-lg);height:280px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}
.img-placeholder img{width:100%;height:100%;object-fit:cover}
.img-placeholder--tall{height:360px}
.img-placeholder--short{height:200px}

/* ---- FAQ ---- */
.faq-item{border-bottom:1px solid var(--border)}
.faq-q{display:flex;justify-content:space-between;align-items:center;padding:22px 0;cursor:pointer;font-weight:600;font-size:1rem;background:none;border:none;width:100%;text-align:left;font-family:'DM Sans',sans-serif;color:var(--navy);transition:color 0.15s}
.faq-q:hover{color:var(--blue)}
.faq-q .arrow{transition:transform 0.25s;color:var(--slate-light);font-size:1.2rem}
.faq-q.open .arrow{transform:rotate(180deg)}
.faq-a{padding:0 0 22px;color:var(--slate);font-size:0.95rem;line-height:1.75;display:none}
.faq-a.show{display:block}

/* ---- Footer ---- */
#vf-footer{background:var(--navy);color:#CBD5E1;padding:60px 0 32px}
.footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}
.footer__brand p{font-size:0.86rem;line-height:1.75;margin-top:12px}
.footer__logo{font-family:'Fraunces',Georgia,serif;font-size:1.35rem;font-weight:800;color:#fff}
.footer__logo span{color:#60A5FA}
#vf-footer h4{color:#fff;font-size:0.82rem;margin-bottom:16px;text-transform:uppercase;letter-spacing:0.08em;font-family:'DM Sans',sans-serif;font-weight:600}
#vf-footer a{color:#94A3B8;font-size:0.86rem;display:block;margin-bottom:10px;text-decoration:none}
#vf-footer a:hover{color:#fff}
.footer__disclaimer{font-size:0.78rem;color:#64748B;margin-top:20px;line-height:1.75;max-width:800px}
.footer__bottom{border-top:1px solid rgba(255,255,255,0.08);padding-top:24px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:0.8rem;color:#64748B}
@media(max-width:720px){.footer__grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.footer__grid{grid-template-columns:1fr}}

/* ---- CTA Banner ---- */
.cta-banner{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-light) 100%);border-radius:var(--radius-2xl);padding:60px 48px;text-align:center;color:#fff;position:relative;overflow:hidden}
.cta-banner::before{content:'';position:absolute;top:-50%;right:-20%;width:400px;height:400px;border-radius:50%;background:rgba(37,99,235,0.08)}
.cta-banner::after{content:'';position:absolute;bottom:-30%;left:-10%;width:300px;height:300px;border-radius:50%;background:rgba(22,163,74,0.06)}
.cta-banner h2{color:#fff;margin-bottom:14px;position:relative}
.cta-banner p{color:#94A3B8;margin-bottom:28px;max-width:540px;margin-left:auto;margin-right:auto;font-size:1.02rem;position:relative}
.cta-banner .btn{position:relative}
.cta-phone{margin-top:18px;font-size:0.9rem;color:#94A3B8;position:relative}
.cta-phone a{color:#60A5FA;font-weight:600}

/* ---- Compare Grid ---- */
.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
@media(max-width:720px){.compare-grid{grid-template-columns:1fr}}
.review-list{list-style:none;padding:0}
.review-list li{display:flex;gap:12px;align-items:flex-start;padding:12px 0;font-size:0.92rem;color:var(--slate);border-bottom:1px solid var(--border)}
.review-list li:last-child{border-bottom:none}
.review-list li svg{width:20px;height:20px;stroke:var(--green);fill:none;stroke-width:2.5;flex-shrink:0;margin-top:1px}

/* ---- Credibility Cards ---- */
.cred-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media(max-width:720px){.cred-grid{grid-template-columns:1fr}}
.cred-card{padding:32px;background:linear-gradient(135deg,var(--blue-pale),#E0E7FF);border:1px solid var(--blue-light);border-radius:var(--radius-lg)}
.cred-card p{font-size:0.92rem;color:var(--slate);line-height:1.75}

/* ---- Funding Options ---- */
.funding-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
@media(max-width:640px){.funding-grid{grid-template-columns:1fr}}
.funding-card{padding:36px 28px;border-radius:var(--radius-lg)}
.funding-card h3{font-size:1.15rem;margin-bottom:12px}
.funding-card p{font-size:0.9rem;color:var(--slate);margin-bottom:14px;line-height:1.65}
.funding-card__divider{border-top:1px solid var(--border);padding-top:14px;margin-top:14px}
.funding-card__divider strong{color:var(--navy);font-size:0.85rem}
.funding-card__divider span{font-size:0.83rem;color:var(--slate-light)}

/* ---- Blog Grid ---- */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media(max-width:720px){.blog-grid{grid-template-columns:1fr}}
.blog-card{padding:0;overflow:hidden;border-radius:var(--radius-lg)}
.blog-card__img{height:200px;background:linear-gradient(135deg,var(--blue-pale),#C7D2FE);display:flex;align-items:center;justify-content:center}
.blog-card__img svg{width:48px;height:48px;stroke:var(--blue);fill:none;stroke-width:1.5}
.blog-card__body{padding:24px 24px 28px}
.blog-card__body h4{margin-bottom:10px;line-height:1.4;font-size:1rem}
.blog-card__body p{font-size:0.86rem;color:var(--slate);line-height:1.6}

/* ---- Options Pills ---- */
.options-pills{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:780px;margin:0 auto}
.options-pills .pill{background:var(--white);border:1px solid var(--border);border-radius:40px;padding:14px 24px;font-size:0.92rem;font-weight:600;color:var(--navy);transition:all 0.2s}
.options-pills .pill:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-2px);box-shadow:var(--shadow-sm)}

/* ---- About Values ---- */
.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.value-card{padding:28px;border-radius:var(--radius-lg)}
.value-card h4{display:flex;gap:10px;align-items:center;margin-bottom:8px}
.value-card h4 svg{width:18px;height:18px;stroke:var(--green);fill:none;stroke-width:2.5}
.value-card p{font-size:0.88rem;color:var(--slate);line-height:1.65;margin-left:28px}

/* ---- Page Header ---- */
.page-header{background:linear-gradient(180deg,#fff 0%,var(--bg) 100%);padding:52px 0 44px;text-align:center}
.page-header h1{margin-bottom:16px}
.page-header p{color:var(--slate);font-size:1.05rem;max-width:620px;margin:0 auto}

/* ---- Content Pages ---- */
.content{max-width:780px;margin:0 auto;font-size:0.95rem;color:var(--slate);line-height:1.85}
.content h2{color:var(--navy);margin:40px 0 16px;font-size:1.4rem}
.content h3{color:var(--navy);margin:30px 0 12px;font-size:1.15rem}
.content p{margin-bottom:16px}
.content ul{margin:10px 0 18px 24px}
.content li{margin-bottom:8px}

/* ---- Utility ---- */
.text-center{text-align:center}
.mt-8{margin-top:32px}
.mt-6{margin-top:24px}
.mt-4{margin-top:16px}
.mb-0{margin-bottom:0}
.max-w-700{max-width:700px;margin-left:auto;margin-right:auto}
.max-w-900{max-width:900px;margin-left:auto;margin-right:auto}


/* ============================================
   VueFunds Inner Page Premium Pass v22
   Scoped to inner pages only
   ============================================ */
.inner-hero{padding:64px 0 56px;background:linear-gradient(180deg,#fff 0%,#F8FAFC 50%,#EFF6FF 100%);border-bottom:1px solid var(--border);position:relative;overflow:hidden}
.inner-hero::before{content:'';position:absolute;right:12%;top:18%;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.08),transparent 70%);pointer-events:none}
.inner-hero .container{position:relative;z-index:1;text-align:center;max-width:820px}
.inner-hero h1{margin-bottom:16px}
.inner-hero p{color:var(--slate);font-size:1.06rem;line-height:1.75;max-width:680px;margin:0 auto}
.inner-band{background:#fff;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:18px 0}
.inner-band__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.inner-band__item{background:var(--bg);border:1px solid var(--border);border-radius:14px;padding:16px 18px;text-align:center;box-shadow:var(--shadow-sm)}
.inner-band__item strong{display:block;color:var(--navy);font-size:.9rem;margin-bottom:3px}
.inner-band__item span{display:block;color:var(--slate-light);font-size:.76rem;line-height:1.35}
.premium-panel{background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-md);padding:36px}
.premium-panel--split{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center}
.premium-panel p{color:var(--slate);font-size:.95rem;line-height:1.8;margin-top:12px}
.premium-panel h2{margin-bottom:10px}
.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.mini-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:22px;box-shadow:var(--shadow-sm)}
.mini-card h4{display:flex;gap:8px;align-items:center;color:var(--navy);margin-bottom:8px}
.mini-card p{font-size:.86rem;color:var(--slate);line-height:1.65}
.mini-dot{width:24px;height:24px;border-radius:50%;background:var(--green-light);color:var(--green);display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:.8rem;flex-shrink:0}
.dark-callout{background:linear-gradient(135deg,#0F172A,#1E293B);color:#fff;border-radius:24px;padding:42px;text-align:center;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}
.dark-callout::before{content:'';position:absolute;right:-70px;top:-90px;width:240px;height:240px;border-radius:50%;background:rgba(37,99,235,.14)}
.dark-callout h2{color:#fff;margin-bottom:12px;position:relative}
.dark-callout p{color:#CBD5E1;max-width:720px;margin:0 auto;line-height:1.75;position:relative}
.funding-card--premium{position:relative;overflow:hidden;padding:30px 28px}
.funding-card--premium::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),#34D399)}
.funding-card__tag{display:inline-block;background:var(--blue-pale);color:var(--blue);font-size:.7rem;font-weight:700;border-radius:999px;padding:5px 10px;margin-bottom:12px;text-transform:uppercase;letter-spacing:.06em}
.funding-card--premium h3{margin-bottom:14px}
.funding-card--premium p{font-size:.9rem}
.watch-box{background:#F8FAFC;border:1px solid var(--border);border-radius:12px;padding:14px;margin-top:16px;font-size:.84rem;color:var(--slate);line-height:1.55}
.watch-box strong{color:var(--navy)}
.faq-wrap{max-width:840px;margin:0 auto;background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-md);padding:16px}
.faq-wrap .faq-item{border:1px solid var(--border);border-radius:14px;margin:12px 0;overflow:hidden;background:#fff}
.faq-wrap .faq-q{padding:18px 20px}
.faq-wrap .faq-a{padding:0 20px 18px;color:var(--slate);font-size:.9rem;line-height:1.7}
.resource-card{display:grid;grid-template-columns:170px 1fr;background:#fff;border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-sm);transition:.25s}
.resource-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.resource-card__visual{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#DBEAFE,#D1FAE5);font-size:2.2rem}
.resource-card__body{padding:28px 32px}
.resource-card__body p{color:var(--slate);font-size:.9rem;line-height:1.7}
.resource-card__body h3{margin:8px 0 10px;font-size:1.15rem}
.resource-label{display:inline-block;background:var(--blue-pale);color:var(--blue);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:5px 10px}
.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.check-item{background:#fff;border:1px solid var(--border);border-radius:14px;padding:14px 16px;display:flex;gap:10px;align-items:flex-start;color:var(--navy);font-weight:600;font-size:.9rem}
.check-item span:first-child{color:var(--green);font-weight:900}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.process-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:26px;box-shadow:var(--shadow-sm)}
.process-num{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;margin-bottom:18px}
.process-card h3{font-size:1.02rem;margin-bottom:8px}
.process-card p{font-size:.88rem;color:var(--slate);line-height:1.65}
@media(max-width:900px){.premium-panel--split{grid-template-columns:1fr}.process-grid{grid-template-columns:repeat(2,1fr)}.mini-grid{grid-template-columns:1fr}.resource-card{grid-template-columns:1fr}.resource-card__visual{min-height:130px}.inner-band__grid{grid-template-columns:1fr}}
@media(max-width:560px){.inner-hero{padding:48px 0 42px}.premium-panel,.dark-callout{padding:28px 22px}.process-grid,.check-grid{grid-template-columns:1fr}.faq-wrap{padding:10px}.resource-card__body{padding:24px}.section{padding:64px 0}}

/* ============================================
   Homepage Visual Polish v28
   Scope: homepage-only visual framing and card polish
   ============================================ */
.hero{background:radial-gradient(circle at 78% 18%,rgba(37,99,235,.09),transparent 32%),linear-gradient(180deg,#fff 0%,#F8FAFC 28%,#EAF2FF 68%,#DBEAFE 100%)}
.hero__proof-item{box-shadow:0 10px 24px rgba(15,23,42,.04)}
.hero__cards>div:first-child{box-shadow:0 18px 42px rgba(15,23,42,.16)!important;border:1px solid rgba(255,255,255,.08)}
.trust-strip{background:linear-gradient(180deg,#fff 0%,#F8FAFC 100%);border-top:1px solid #E5EEF9;border-bottom:1px solid #E5EEF9}
.ts-tile{background:linear-gradient(180deg,#fff 0%,#F8FAFC 100%);border-color:#DDE8F7;box-shadow:0 12px 30px rgba(15,23,42,.045);position:relative;overflow:hidden}
.ts-tile::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,rgba(37,99,235,.55),rgba(22,163,74,.55));opacity:.75}
.ts-tile:hover{border-color:#BFDBFE;box-shadow:0 18px 38px rgba(37,99,235,.10)}
.stats-grid .stat-card{box-shadow:0 22px 55px rgba(0,0,0,.18);border-color:rgba(255,255,255,.14)!important}
.home-compare-section{background:linear-gradient(180deg,#F8FAFC 0%,#EEF6FF 100%);position:relative;overflow:hidden}
.home-compare-section::before{content:'';position:absolute;right:8%;top:10%;width:260px;height:260px;border-radius:999px;background:radial-gradient(circle,rgba(37,99,235,.08),transparent 70%);pointer-events:none}
.home-compare-section .container{position:relative;z-index:1}
.home-compare-grid{align-items:stretch;gap:32px}
.compare-copy-card,.compare-check-card{background:#fff;border:1px solid #DDE8F7;border-radius:22px;box-shadow:0 18px 45px rgba(15,23,42,.07);padding:36px;position:relative;overflow:hidden}
.compare-copy-card::before,.compare-check-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),#34D399)}
.compare-check-card h4{font-size:1rem;color:var(--navy)}
.compare-check-card .review-list li{padding:14px 0;border-color:#E7EEF8}
.home-scenarios-section{background:linear-gradient(180deg,#fff 0%,#F8FAFC 100%)}
.scenario-card{box-shadow:0 16px 42px rgba(15,23,42,.07);border-color:#DDE8F7}
.scenario-card:hover{box-shadow:0 22px 58px rgba(15,23,42,.10)}
.testimonial-card{box-shadow:0 18px 45px rgba(15,23,42,.075);border-color:#DDE8F7}
.testimonial-card:hover{box-shadow:0 24px 60px rgba(15,23,42,.11)}
.home-trust-cards-section{background:linear-gradient(180deg,#fff 0%,#F8FAFC 100%)}
.home-trust-cards-section .trust-card{box-shadow:0 18px 45px rgba(15,23,42,.07);border-color:#DDE8F7}
.home-trust-cards-section .trust-card:hover{box-shadow:0 24px 60px rgba(15,23,42,.10)}
.home-trust-cards-section .icon-box{box-shadow:0 10px 24px rgba(37,99,235,.08)}
.home-cred-section{background:linear-gradient(180deg,#F8FAFC 0%,#EEF6FF 100%)}
.home-cred-section .cred-card{background:linear-gradient(135deg,#EFF6FF 0%,#E0E7FF 58%,#EAFBF3 100%);border-color:#C7D2FE;box-shadow:0 18px 45px rgba(37,99,235,.08);position:relative;overflow:hidden}
.home-cred-section .cred-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),#34D399)}
.home-resources-section{background:linear-gradient(180deg,#fff 0%,#F8FAFC 100%)}
.home-resources-section .blog-card{border-color:#DDE8F7;box-shadow:0 16px 42px rgba(15,23,42,.07);text-decoration:none!important;position:relative}
.home-resources-section .blog-card:hover{transform:translateY(-6px);box-shadow:0 24px 60px rgba(37,99,235,.13);border-color:#BFDBFE;text-decoration:none!important}
.home-resources-section .blog-card__img{background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.42),transparent 34%),linear-gradient(135deg,#DBEAFE 0%,#C7D2FE 70%,#D1FAE5 100%)}
.home-resources-section .blog-card__body{padding-bottom:30px}
.home-faq-section{background:linear-gradient(180deg,#F8FAFC 0%,#EEF6FF 100%)}
.home-faq-section .section-header{margin-bottom:30px}
.faq-preview-card{background:#fff;border:1px solid #DDE8F7;border-radius:24px;box-shadow:0 18px 45px rgba(15,23,42,.075);padding:14px;position:relative;overflow:hidden}
.faq-preview-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),#34D399)}
.faq-preview-card .faq-item{border:1px solid #E7EEF8;border-radius:14px;margin:12px 0;background:#fff;overflow:hidden}
.faq-preview-card .faq-item:first-child{margin-top:6px}
.faq-preview-card .faq-item:last-child{margin-bottom:6px}
.faq-preview-card .faq-q{padding:18px 20px}
.faq-preview-card .faq-a{padding:0 20px 18px;color:var(--slate);line-height:1.7}
.home-final-cta-section{background:#F8FAFC}
@media(max-width:720px){.compare-copy-card,.compare-check-card{padding:28px 22px}.faq-preview-card{padding:10px}.trust-strip{padding-top:34px}}

/* ============================================
   Hero Left Balance Refinement v29
   Scope: homepage hero-left visual polish only
   ============================================ */
.hero__text{display:flex;flex-direction:column;align-items:flex-start;max-width:520px}
.hero__text h1{margin-bottom:18px}
.hero__sub{margin-bottom:26px;max-width:510px}
.hero__proof{gap:12px 14px;margin-bottom:30px;max-width:500px}
.hero__proof-item{min-height:44px;padding:10px 16px;border-color:#DDE8F7;box-shadow:0 12px 28px rgba(15,23,42,.055);background:rgba(255,255,255,.92)}
.hero__proof-item svg{flex-shrink:0}
.hero__cards{width:100%;max-width:520px;gap:14px;margin-top:0}
.hero__cards>div:first-child{width:100%;border-radius:16px!important;padding:20px 22px!important;gap:15px!important;align-items:flex-start!important;box-shadow:0 20px 48px rgba(15,23,42,.17)!important;border:1px solid rgba(255,255,255,.10)!important}
.hero__cards>div:first-child>div:first-child{width:38px!important;height:38px!important;border-radius:10px!important;margin-top:2px!important}
.hero__cards>div:first-child>div:last-child>div:first-child{font-size:.92rem!important;margin-bottom:6px!important;letter-spacing:-.005em}
.hero__cards>div:first-child>div:last-child>div:last-child{font-size:.8rem!important;line-height:1.65!important;color:#A7B4C8!important}
.hero__phone{width:100%;min-height:58px;border-radius:16px!important;padding:14px 20px!important;gap:12px;box-shadow:0 14px 34px rgba(37,99,235,.10)!important}
.hero__phone svg{flex-shrink:0}
@media(max-width:900px){.hero__text{align-items:center;max-width:100%;margin:0 auto}.hero__sub{max-width:680px}.hero__proof{justify-content:center;max-width:640px}.hero__cards{max-width:620px}.hero__cards>div:first-child{text-align:left}.hero__phone{justify-content:center}}
@media(max-width:520px){.hero__proof{gap:10px}.hero__proof-item{width:100%;justify-content:center}.hero__cards>div:first-child{padding:18px!important}.hero__phone{padding:13px 16px!important;font-size:.86rem}.hero__phone a{font-size:.98rem}}

/* ============================================
   Hero Left Premium Composition v30
   Scope: homepage hero-left alignment/composition only
   ============================================ */
@media (min-width: 901px){
  .hero{padding:34px 0 42px;}
  .hero__grid{grid-template-columns:minmax(0,1fr) minmax(560px,0.98fr);gap:44px;align-items:start;}
  .hero__text{max-width:640px;width:100%;padding-top:14px;display:flex;flex-direction:column;align-items:stretch;}
  .hero__text h1{max-width:640px;margin-bottom:18px;font-size:clamp(2.15rem,3.15vw,2.72rem);line-height:1.12;letter-spacing:-0.032em;}
  .hero__sub{max-width:610px;margin-bottom:24px;font-size:1.02rem;line-height:1.72;}
  .hero__proof{width:100%;max-width:560px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:26px;}
  .hero__proof-item{width:100%;justify-content:flex-start;min-height:48px;padding:11px 17px;border-radius:999px;background:rgba(255,255,255,.94);border:1px solid #D9E6F7;box-shadow:0 14px 34px rgba(15,23,42,.055);font-size:.88rem;line-height:1.2;}
  .hero__proof-item svg{width:17px;height:17px;flex-shrink:0;}
  .hero__cards{width:100%;max-width:590px;display:flex;flex-direction:column;gap:16px;margin-top:0;}
  .hero__cards>div:first-child{width:100%;border-radius:18px!important;padding:22px 24px!important;display:grid!important;grid-template-columns:42px 1fr;align-items:start!important;gap:16px!important;background:linear-gradient(135deg,#0B1220 0%,#172338 100%)!important;box-shadow:0 22px 56px rgba(15,23,42,.18)!important;border:1px solid rgba(255,255,255,.12)!important;}
  .hero__cards>div:first-child>div:first-child{width:42px!important;height:42px!important;border-radius:12px!important;margin-top:1px!important;background:rgba(37,99,235,.18)!important;}
  .hero__cards>div:first-child>div:first-child svg{width:18px!important;height:18px!important;}
  .hero__cards>div:first-child>div:last-child>div:first-child{font-size:.95rem!important;line-height:1.25!important;margin-bottom:7px!important;}
  .hero__cards>div:first-child>div:last-child>div:last-child{font-size:.82rem!important;line-height:1.65!important;color:#A8B5C9!important;max-width:500px;}
  .hero__phone{width:100%;max-width:590px;min-height:60px;border-radius:18px!important;padding:15px 22px!important;gap:12px;background:linear-gradient(135deg,#F5FAFF 0%,#DBEAFE 100%)!important;border:1px solid #BFD7FF!important;box-shadow:0 16px 38px rgba(37,99,235,.105)!important;font-size:.92rem;}
  .hero__phone a{font-size:1.06rem;}
}

@media (min-width: 901px) and (max-width: 1120px){
  .hero__grid{grid-template-columns:minmax(0,1fr) minmax(500px,.95fr);gap:34px;}
  .hero__text h1{font-size:clamp(2rem,3vw,2.42rem);}
  .hero__proof{max-width:540px;}
  .hero__cards,.hero__phone{max-width:560px;}
}

@media (max-width: 900px){
  .hero__text{align-items:center;max-width:100%;margin:0 auto;}
  .hero__text h1{max-width:720px;}
  .hero__sub{max-width:680px;}
  .hero__proof{justify-content:center;display:flex;max-width:640px;}
  .hero__cards{max-width:620px;width:100%;}
  .hero__cards>div:first-child{text-align:left;}
  .hero__phone{justify-content:center;}
}

/* ============================================
   Hero Left Height & Balance Correction v31
   Scope: homepage hero-left balance only
   Purpose: reduce hero height, improve calculator alignment, keep phone bar visible
   ============================================ */
@media (min-width: 901px){
  .hero{padding:24px 0 30px;}
  .hero__grid{gap:44px;align-items:start;}
  .hero__text{padding-top:8px;max-width:610px;}
  .hero__text h1{max-width:610px;font-size:clamp(1.95rem,2.55vw,2.38rem);line-height:1.08;letter-spacing:-0.028em;margin-bottom:14px;}
  .hero__sub{max-width:600px;font-size:.98rem;line-height:1.62;margin-bottom:18px;}
  .hero__proof{max-width:550px;gap:10px 12px;margin-bottom:18px;}
  .hero__proof-item{min-height:40px;padding:9px 14px;font-size:.84rem;box-shadow:0 10px 24px rgba(15,23,42,.045);}
  .hero__proof-item svg{width:16px;height:16px;}
  .hero__cards{max-width:560px;gap:12px;}
  .hero__cards>div:first-child{padding:18px 20px!important;border-radius:16px!important;grid-template-columns:38px 1fr;gap:14px!important;box-shadow:0 18px 44px rgba(15,23,42,.16)!important;}
  .hero__cards>div:first-child>div:first-child{width:38px!important;height:38px!important;border-radius:11px!important;}
  .hero__cards>div:first-child>div:first-child svg{width:17px!important;height:17px!important;}
  .hero__cards>div:first-child>div:last-child>div:first-child{font-size:.9rem!important;line-height:1.22!important;margin-bottom:5px!important;}
  .hero__cards>div:first-child>div:last-child>div:last-child{font-size:.78rem!important;line-height:1.58!important;max-width:470px;}
  .hero__phone{max-width:560px;min-height:52px;padding:12px 18px!important;border-radius:16px!important;font-size:.88rem;}
  .hero__phone a{font-size:1rem;}
}

@media (min-width: 901px) and (max-width: 1120px){
  .hero__grid{gap:30px;}
  .hero__text h1{font-size:clamp(1.85rem,2.65vw,2.22rem);max-width:560px;}
  .hero__sub{font-size:.95rem;}
  .hero__proof{max-width:520px;}
  .hero__cards,.hero__phone{max-width:530px;}
}


/* ============================================
   Hero Vertical Rhythm & Alignment Correction v32
   Scope: homepage hero only
   Purpose: add professional breathing room below nav, balance bottom spacing, keep calculator untouched
   ============================================ */
@media (min-width: 901px){
  .hero{
    padding:42px 0 44px;
  }
  .hero__grid{
    align-items:start;
    gap:44px;
  }
  .hero__text{
    padding-top:4px;
    max-width:600px;
  }
  .hero__text h1{
    max-width:600px;
    font-size:clamp(1.9rem,2.42vw,2.28rem);
    line-height:1.08;
    margin-bottom:16px;
    letter-spacing:-0.028em;
  }
  .hero__sub{
    max-width:590px;
    font-size:.97rem;
    line-height:1.62;
    margin-bottom:20px;
  }
  .hero__proof{
    max-width:540px;
    gap:11px 12px;
    margin-bottom:20px;
  }
  .hero__proof-item{
    min-height:39px;
    padding:8px 14px;
    font-size:.83rem;
  }
  .hero__cards{
    max-width:550px;
    gap:13px;
  }
  .hero__cards>div:first-child{
    padding:17px 19px!important;
    border-radius:16px!important;
    grid-template-columns:37px 1fr;
    gap:13px!important;
  }
  .hero__cards>div:first-child>div:first-child{
    width:37px!important;
    height:37px!important;
    border-radius:10px!important;
  }
  .hero__cards>div:first-child>div:last-child>div:first-child{
    font-size:.89rem!important;
    line-height:1.22!important;
    margin-bottom:5px!important;
  }
  .hero__cards>div:first-child>div:last-child>div:last-child{
    font-size:.775rem!important;
    line-height:1.56!important;
    max-width:460px;
  }
  .hero__phone{
    max-width:550px;
    min-height:52px;
    padding:12px 18px!important;
    border-radius:16px!important;
  }
}

@media (min-width: 901px) and (max-width: 1120px){
  .hero{
    padding:38px 0 42px;
  }
  .hero__grid{
    gap:32px;
  }
  .hero__text h1{
    font-size:clamp(1.82rem,2.52vw,2.12rem);
    max-width:560px;
  }
  .hero__sub{
    max-width:550px;
  }
  .hero__proof{
    max-width:520px;
  }
  .hero__cards,
  .hero__phone{
    max-width:530px;
  }
}

/* ============================================
   How It Works Visual Polish v34
   Scope: how-it-works.html only
   ============================================ */
.hiw-hero{
  padding:76px 0 70px;
  background:
    radial-gradient(circle at 72% 18%, rgba(37,99,235,.10), transparent 34%),
    radial-gradient(circle at 18% 70%, rgba(22,163,74,.055), transparent 34%),
    linear-gradient(180deg,#FFFFFF 0%,#F8FAFC 46%,#EFF6FF 100%);
  border-bottom:1px solid #DDE8F7;
}
.hiw-hero .label{box-shadow:0 10px 24px rgba(37,99,235,.08)}
.hiw-hero h1{margin-bottom:18px}
.hiw-hero p{max-width:760px;font-size:1.08rem}
.hiw-steps-section{background:linear-gradient(180deg,#FFFFFF 0%,#F8FAFC 100%);padding-top:72px;padding-bottom:78px}
.hiw-process-grid{align-items:stretch}
.hiw-process-grid .process-card{
  min-height:270px;
  padding:34px 28px 30px;
  border:1px solid #DDE8F7;
  border-radius:22px;
  box-shadow:0 18px 45px rgba(15,23,42,.065);
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.hiw-process-grid .process-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),#34D399);opacity:.95}
.hiw-process-grid .process-card:hover{transform:translateY(-4px);box-shadow:0 26px 64px rgba(37,99,235,.12);border-color:#BFDBFE}
.hiw-process-grid .process-num{width:54px;height:54px;margin:0 0 22px;font-size:1.15rem;box-shadow:0 12px 30px rgba(37,99,235,.26);border:4px solid rgba(255,255,255,.9)}
.hiw-process-grid .process-card h3{margin-bottom:12px;font-size:1.08rem;line-height:1.28}
.hiw-process-grid .process-card p{font-size:.94rem;line-height:1.72;color:var(--slate)}
.hiw-callout-section{background:linear-gradient(180deg,#F8FAFC 0%,#EEF6FF 100%);padding-top:70px;padding-bottom:70px}
.hiw-dark-callout{box-shadow:0 26px 70px rgba(15,23,42,.18);border:1px solid rgba(255,255,255,.08)}
.hiw-dark-callout h2{font-size:clamp(1.65rem,3vw,2.3rem)}
.hiw-checklist-section{background:linear-gradient(180deg,#FFFFFF 0%,#F8FAFC 100%);padding-top:76px}
.hiw-checklist-header{margin-bottom:42px}
.hiw-check-grid{max-width:900px;margin:0 auto;gap:14px}
.hiw-checklist-section .check-item{border-color:#DDE8F7;border-radius:16px;padding:18px 20px;box-shadow:0 12px 30px rgba(15,23,42,.045);background:linear-gradient(180deg,#FFFFFF 0%,#FBFDFF 100%);transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease}
.hiw-checklist-section .check-item:hover{transform:translateY(-2px);border-color:#BFDBFE;box-shadow:0 18px 42px rgba(37,99,235,.09)}
.hiw-checklist-section .check-item svg{background:var(--green-light);border-radius:999px;padding:3px;width:24px;height:24px;flex-shrink:0}
.hiw-final-cta-section{background:#F8FAFC}
@media(max-width:900px){.hiw-process-grid{grid-template-columns:repeat(2,1fr)}.hiw-process-grid .process-card{min-height:250px}}
@media(max-width:560px){.hiw-hero{padding:56px 0 48px}.hiw-steps-section,.hiw-callout-section,.hiw-checklist-section{padding-top:56px;padding-bottom:56px}.hiw-process-grid{grid-template-columns:1fr}.hiw-process-grid .process-card{min-height:auto;padding:30px 24px}.hiw-check-grid{grid-template-columns:1fr}}

/* ============================================
   Funding Options Top Visual Polish v35
   Scope: Funding Options top hero and three top tiles only
   ============================================ */
.funding-options-hero{padding:76px 0 68px;background:radial-gradient(circle at 78% 28%,rgba(37,99,235,.10),transparent 30%),radial-gradient(circle at 18% 84%,rgba(22,163,74,.055),transparent 28%),linear-gradient(180deg,#FFFFFF 0%,#F8FAFC 42%,#EEF6FF 100%);border-bottom:1px solid #DDE8F7}
.funding-options-hero::before{right:9%;top:14%;width:320px;height:320px;background:radial-gradient(circle,rgba(37,99,235,.10),transparent 70%)}
.funding-options-hero .label{box-shadow:0 10px 24px rgba(37,99,235,.08);border:1px solid rgba(37,99,235,.08)}
.funding-options-hero h1{max-width:820px;margin-left:auto;margin-right:auto}
.funding-options-hero p{max-width:760px;color:#334155}
.funding-options-band{background:linear-gradient(180deg,#F8FAFC 0%,#FFFFFF 100%);padding:24px 0 28px;border-top:0;border-bottom:1px solid #E5EEF9}
.funding-options-band .inner-band__grid{gap:18px}
.funding-options-band .inner-band__item{position:relative;overflow:hidden;background:linear-gradient(180deg,#FFFFFF 0%,#F8FAFC 100%);border-color:#DDE8F7;border-radius:18px;padding:18px 20px;box-shadow:0 14px 34px rgba(15,23,42,.055);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.funding-options-band .inner-band__item::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),#34D399);opacity:.9}
.funding-options-band .inner-band__item:hover{transform:translateY(-2px);box-shadow:0 20px 44px rgba(37,99,235,.10);border-color:#BFDBFE}
.funding-options-band .inner-band__item strong{font-size:.94rem;letter-spacing:-.01em}
.funding-options-band .inner-band__item span{color:#64748B;margin-top:4px}
@media(max-width:900px){.funding-options-hero{padding:58px 0 50px}.funding-options-band .inner-band__grid{grid-template-columns:1fr;gap:14px}}


/* ============================================
   Resources Top Visual Polish v36
   Scope: Resources/Blog top hero and three top tiles only
   ============================================ */
.resources-hero{
  padding:76px 0 68px;
  background:
    radial-gradient(circle at 76% 26%,rgba(37,99,235,.10),transparent 31%),
    radial-gradient(circle at 18% 84%,rgba(22,163,74,.055),transparent 29%),
    linear-gradient(180deg,#FFFFFF 0%,#F8FAFC 42%,#EEF6FF 100%);
  border-bottom:1px solid #DDE8F7;
}
.resources-hero::before{
  right:9%;
  top:14%;
  width:320px;
  height:320px;
  background:radial-gradient(circle,rgba(37,99,235,.10),transparent 70%);
}
.resources-hero .label{
  box-shadow:0 10px 24px rgba(37,99,235,.08);
  border:1px solid rgba(37,99,235,.08);
}
.resources-hero h1{
  max-width:820px;
  margin-left:auto;
  margin-right:auto;
}
.resources-hero p{
  max-width:760px;
  color:#334155;
}
.resources-band{
  background:linear-gradient(180deg,#F8FAFC 0%,#FFFFFF 100%);
  padding:24px 0 28px;
  border-top:0;
  border-bottom:1px solid #E5EEF9;
}
.resources-band .inner-band__grid{
  gap:18px;
}
.resources-band .inner-band__item{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#FFFFFF 0%,#F8FAFC 100%);
  border-color:#DDE8F7;
  border-radius:18px;
  padding:18px 20px;
  box-shadow:0 14px 34px rgba(15,23,42,.055);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.resources-band .inner-band__item::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:4px;
  background:linear-gradient(90deg,var(--blue),#34D399);
  opacity:.9;
}
.resources-band .inner-band__item:hover{
  transform:translateY(-2px);
  box-shadow:0 20px 44px rgba(37,99,235,.10);
  border-color:#BFDBFE;
}
.resources-band .inner-band__item strong{
  font-size:.94rem;
  letter-spacing:-.01em;
}
.resources-band .inner-band__item span{
  color:#64748B;
  margin-top:4px;
}
@media(max-width:900px){
  .resources-hero{padding:58px 0 50px}
  .resources-band .inner-band__grid{grid-template-columns:1fr;gap:14px}
}


/* ============================================
   Resources Top Visual Polish v37 — Corrected Stronger Attachment
   Scope: blog.html top hero and three top tiles only
   ============================================ */
.resources-hero{
  padding:82px 0 72px!important;
  background:
    radial-gradient(circle at 74% 24%,rgba(37,99,235,.16),transparent 32%),
    radial-gradient(circle at 18% 78%,rgba(22,163,74,.09),transparent 30%),
    linear-gradient(180deg,#FFFFFF 0%,#F8FAFC 38%,#EAF2FF 100%)!important;
  border-bottom:1px solid #D8E5F7!important;
}
.resources-hero .label{
  background:#EAF2FF!important;
  border:1px solid #D6E4FF!important;
  box-shadow:0 12px 28px rgba(37,99,235,.10)!important;
}
.resources-hero h1{
  max-width:860px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.resources-hero p{
  max-width:760px!important;
  color:#334155!important;
}
.resources-band{
  background:linear-gradient(180deg,#F8FAFC 0%,#FFFFFF 100%)!important;
  padding:30px 0 34px!important;
  border-top:0!important;
  border-bottom:1px solid #E2ECF8!important;
}
.resources-band .inner-band__grid{
  gap:18px!important;
}
.resources-band .inner-band__item{
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#F8FAFC 100%)!important;
  border:1px solid #D8E5F7!important;
  border-radius:18px!important;
  padding:20px 22px!important;
  box-shadow:0 16px 40px rgba(15,23,42,.07)!important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}
.resources-band .inner-band__item::before{
  content:''!important;
  position:absolute!important;
  top:0!important;
  left:0!important;
  right:0!important;
  height:4px!important;
  background:linear-gradient(90deg,var(--blue),#34D399)!important;
  opacity:1!important;
}
.resources-band .inner-band__item:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 22px 50px rgba(37,99,235,.12)!important;
  border-color:#BFDBFE!important;
}
.resources-band .inner-band__item strong{
  font-size:.96rem!important;
  letter-spacing:-.01em!important;
}
.resources-band .inner-band__item span{
  color:#64748B!important;
  margin-top:5px!important;
}
@media(max-width:900px){
  .resources-hero{padding:60px 0 52px!important}
  .resources-band .inner-band__grid{grid-template-columns:1fr!important;gap:14px!important}
}

/* ============================================
   Resources Top Visual Polish v38 — Visible Premium Fix
   Scope: blog.html top hero + three top tiles only
   ============================================ */
.resources-hero{padding:64px 0 70px!important;background:radial-gradient(circle at 82% 18%,rgba(37,99,235,.18),transparent 30%),radial-gradient(circle at 12% 86%,rgba(22,163,74,.10),transparent 30%),linear-gradient(180deg,#FFFFFF 0%,#F8FAFC 36%,#EAF2FF 100%)!important;border-bottom:1px solid #D8E5F7!important}
.resources-hero .resources-hero-panel{max-width:980px!important;padding:42px 44px 46px!important;background:rgba(255,255,255,.72)!important;border:1px solid rgba(216,229,247,.95)!important;border-radius:28px!important;box-shadow:0 24px 70px rgba(15,23,42,.075)!important;backdrop-filter:blur(10px)!important}
.resources-hero .label{background:#EAF2FF!important;border:1px solid #D6E4FF!important;box-shadow:0 12px 28px rgba(37,99,235,.10)!important}
.resources-hero h1{max-width:850px!important;margin-left:auto!important;margin-right:auto!important;letter-spacing:-.025em!important}
.resources-hero p{max-width:760px!important;color:#334155!important}
.resources-band{position:relative!important;z-index:3!important;margin-top:-38px!important;background:transparent!important;padding:0 0 48px!important;border:0!important}
.resources-band .inner-band__grid{gap:20px!important}
.resources-band .inner-band__item{min-height:92px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;position:relative!important;overflow:hidden!important;background:linear-gradient(180deg,#FFFFFF 0%,#F8FAFC 100%)!important;border:1px solid #D8E5F7!important;border-radius:20px!important;padding:22px 24px!important;box-shadow:0 18px 48px rgba(15,23,42,.09)!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important}
.resources-band .inner-band__item::before{content:''!important;position:absolute!important;top:0!important;left:0!important;right:0!important;height:5px!important;background:linear-gradient(90deg,var(--blue),#38BDF8,#34D399)!important;opacity:1!important}
.resources-band .inner-band__item::after{content:''!important;position:absolute!important;right:-42px!important;bottom:-42px!important;width:110px!important;height:110px!important;border-radius:50%!important;background:rgba(37,99,235,.055)!important}
.resources-band .inner-band__item:hover{transform:translateY(-3px)!important;box-shadow:0 26px 64px rgba(37,99,235,.14)!important;border-color:#BFDBFE!important}
.resources-band .inner-band__item strong,.resources-band .inner-band__item span{position:relative!important;z-index:1!important}
.resources-band .inner-band__item strong{font-size:1rem!important;letter-spacing:-.01em!important;color:var(--navy)!important}
.resources-band .inner-band__item span{color:#64748B!important;margin-top:5px!important;font-size:.8rem!important}
@media(max-width:900px){.resources-hero{padding:52px 0 58px!important}.resources-hero .resources-hero-panel{padding:34px 22px 38px!important;border-radius:22px!important}.resources-band{margin-top:-28px!important;padding-bottom:40px!important}.resources-band .inner-band__grid{grid-template-columns:1fr!important;gap:14px!important}}
   About Page Visual Polish v40
   Scope: About page visual sections only
   ============================================ */
.about-why-section{background:linear-gradient(180deg,#F8FAFC 0%,#EEF6FF 100%);position:relative;overflow:hidden}
.about-why-section::before{content:'';position:absolute;left:-90px;top:40px;width:280px;height:280px;border-radius:999px;background:radial-gradient(circle,rgba(37,99,235,.09),transparent 70%);pointer-events:none}
.about-why-section::after{content:'';position:absolute;right:-90px;bottom:70px;width:260px;height:260px;border-radius:999px;background:radial-gradient(circle,rgba(22,163,74,.07),transparent 70%);pointer-events:none}
.about-why-section .container{position:relative;z-index:1}
.about-why-panel{border-color:#DDE8F7!important;box-shadow:0 24px 64px rgba(15,23,42,.09)!important;border-radius:26px!important;overflow:hidden;position:relative;background:linear-gradient(180deg,#FFFFFF 0%,#FBFDFF 100%)!important}
.about-why-panel::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),#34D399)}
.about-why-copy h2{max-width:560px}.about-why-copy p{max-width:640px}.about-why-mini{gap:14px!important}
.about-mini-card{border-color:#DDE8F7!important;box-shadow:0 12px 34px rgba(15,23,42,.06)!important;border-radius:18px!important;background:linear-gradient(180deg,#FFFFFF 0%,#F8FAFC 100%)!important}
.about-mini-card:hover{transform:translateY(-2px);box-shadow:0 18px 45px rgba(37,99,235,.10)!important;border-color:#BFDBFE!important}
.about-mini-card .mini-dot,.about-trust-card .mini-dot{box-shadow:0 8px 20px rgba(22,163,74,.13)}
.about-trust-section{background:linear-gradient(180deg,#FFFFFF 0%,#F8FAFC 100%)}.about-trust-grid{align-items:stretch}
.about-trust-card{border-color:#DDE8F7!important;box-shadow:0 18px 45px rgba(15,23,42,.07)!important;border-radius:20px!important;background:#FFFFFF!important;position:relative;overflow:hidden;min-height:178px}
.about-trust-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),#34D399)}
.about-trust-card:hover{transform:translateY(-3px);box-shadow:0 24px 60px rgba(15,23,42,.10)!important;border-color:#BFDBFE!important}
.about-trust-card h4{align-items:center}.about-trust-card p{margin-left:0}
.about-final-fit-section{background:linear-gradient(180deg,#F8FAFC 0%,#FFFFFF 100%);padding-top:72px}
.about-dark-callout{box-shadow:0 28px 72px rgba(15,23,42,.20)!important;border:1px solid rgba(255,255,255,.08)}
.about-dark-callout::after{content:'';position:absolute;left:-120px;bottom:-120px;width:300px;height:300px;border-radius:999px;background:rgba(22,163,74,.07)}
.about-dark-callout h2,.about-dark-callout p{position:relative;z-index:1}
@media(max-width:900px){.about-why-panel{padding:30px 24px!important}.about-trust-card{min-height:0}}


/* ============================================

/* ============================================
   About + FAQ Hero Consistency Fix v42
   Scope: About and FAQ top hero only
   ============================================ */
.about-hero-consistent,
.faq-hero-consistent{
  padding:76px 0 76px;
  background:
    radial-gradient(circle at 22% 18%, rgba(37,99,235,.075), transparent 34%),
    radial-gradient(circle at 78% 28%, rgba(22,163,74,.055), transparent 32%),
    linear-gradient(180deg,#FFFFFF 0%,#F8FAFC 45%,#EEF6FF 100%);
  border-bottom:1px solid #DDE8F7;
  position:relative;
  overflow:hidden;
}
.about-hero-consistent::before,
.faq-hero-consistent::before{
  content:'';
  position:absolute;
  right:9%;
  top:8%;
  width:340px;
  height:340px;
  border-radius:999px;
  background:radial-gradient(circle,rgba(37,99,235,.11),transparent 70%);
  pointer-events:none;
}
.about-hero-consistent::after,
.faq-hero-consistent::after{
  content:'';
  position:absolute;
  left:10%;
  bottom:-110px;
  width:270px;
  height:270px;
  border-radius:999px;
  background:radial-gradient(circle,rgba(22,163,74,.06),transparent 70%);
  pointer-events:none;
}
.about-hero-consistent .container,
.faq-hero-consistent .container{
  position:relative;
  z-index:1;
  text-align:center;
  max-width:900px;
}
.about-hero-consistent .label,
.faq-hero-consistent .label{
  margin-bottom:18px;
  box-shadow:0 10px 24px rgba(37,99,235,.07);
}
.about-hero-consistent h1,
.faq-hero-consistent h1{
  max-width:850px;
  margin-left:auto;
  margin-right:auto;
}
.about-hero-consistent p,
.faq-hero-consistent p{
  max-width:760px;
  font-size:1.05rem;
}
@media(max-width:720px){
  .about-hero-consistent,
  .faq-hero-consistent{padding:58px 0 56px}
}