@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap');

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --green-dark:#0F3D26;--green:#1A4731;--green-light:#F0F6F3;
  --orange:#E07A5F;--orange-light:#FDF2EF;
  --gold:#C5A059;--gold-light:#FBF8F2;
  --white:#ffffff;--bg:#FDFBF7;
  --text:#2C352D;--text-muted:#5A635B;--text-light:#8E988F;
  --border:#E8EBE9;--border-light:#F4F6F5;
  --shadow-sm:0 2px 8px rgba(15,61,38,.04);
  --shadow:0 8px 24px rgba(15,61,38,.06);
  --shadow-lg:0 16px 40px rgba(15,61,38,.08);
  --radius:16px;--radius-sm:8px;--radius-xl:24px;--radius-full:9999px;
  --max-w:1024px;
  --transition:.3s cubic-bezier(.4,0,.2,1);
}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:'Inter',system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit}
.container{max-width:var(--max-w);margin:0 auto;padding:0 24px}

/* ═══ HEADER (from Header.md) ═══ */
.site-header{position:sticky;top:0;z-index:100;border-bottom:1px solid transparent;transition:all var(--transition)}
.site-header.scrolled{background:rgba(250,250,250,.6);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom-color:var(--border)}
.nav{display:flex;align-items:center;justify-content:space-between;height:80px}
.nav-logo{display:flex;align-items:center;gap:8px;padding:4px;border-radius:var(--radius-sm)}
.nav-logo:hover{background:rgba(0,0,0,.04)}
.nav-logo img{height:64px;width:auto;object-fit:contain}
.nav-links{display:flex;align-items:center;gap:2px}
.nav-links a{font-size:.875rem;font-weight:500;color:var(--text-muted);padding:6px 12px;border-radius:var(--radius-sm);transition:color var(--transition)}
.nav-links a:hover{color:var(--text)}
.nav-right{display:flex;align-items:center;gap:10px}
.lang-toggle{display:flex;background:var(--border-light);border-radius:var(--radius-full);padding:2px;border:1px solid var(--border)}
.lang-toggle button{font-size:.75rem;font-weight:600;padding:4px 12px;border:none;border-radius:var(--radius-full);cursor:pointer;background:transparent;color:var(--text-muted);transition:all var(--transition);letter-spacing:.04em}
.lang-toggle button.active{background:var(--text);color:var(--white);box-shadow:var(--shadow-sm)}
.btn-contact{font-size:.8125rem;font-weight:600;background:var(--text);color:var(--white);padding:7px 16px;border-radius:var(--radius-full);border:none;cursor:pointer;transition:all var(--transition)}
.btn-contact:hover{background:#374151;transform:translateY(-1px)}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;border:none;background:transparent}
.hamburger span{display:block;width:20px;height:1.5px;background:var(--text);border-radius:2px;transition:all .3s}

/* ═══ HERO (from Heros.md — centered layout) ═══ */
.hero{position:relative;overflow:hidden;background:var(--bg)}
.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(35% 80% at 49% 0%,rgba(17,24,39,.06),transparent);pointer-events:none}
.hero-borders{position:absolute;inset:0;max-width:var(--max-w);margin:0 auto;pointer-events:none;display:none}
.hero-borders .line{position:absolute;top:0;bottom:0;width:1px}
.hero-borders .line:nth-child(1){left:0;background:linear-gradient(to bottom,transparent,var(--border) 30%,var(--border) 80%,transparent);opacity:.6}
.hero-borders .line:nth-child(2){right:0;background:linear-gradient(to bottom,transparent,var(--border) 30%,var(--border) 80%,transparent);opacity:.6}
.hero-borders .line:nth-child(3){left:16px;background:linear-gradient(to bottom,transparent,var(--border) 40%,var(--border) 70%,transparent);opacity:.3}
.hero-borders .line:nth-child(4){right:16px;background:linear-gradient(to bottom,transparent,var(--border) 40%,var(--border) 70%,transparent);opacity:.3}
@media(min-width:1024px){.hero-borders{display:block}}
.hero-inner{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:100px 24px 80px;text-align:center}
.hero-badge{display:inline-flex;align-items:center;gap:10px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-full);padding:6px 16px 6px 12px;font-size:.75rem;font-weight:500;color:var(--text-muted);box-shadow:var(--shadow-sm);animation:fadeSlideUp .6s ease .3s both}
.hero-badge .dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
.hero-badge .sep{width:1px;height:16px;background:var(--border)}
.hero h1{font-family:'Playfair Display',serif;font-size:clamp(2.2rem,5vw,3.8rem);font-weight:700;line-height:1.15;letter-spacing:-.01em;text-wrap:balance;max-width:760px;color:var(--green-dark);animation:fadeSlideUp .6s ease .1s both}
.hero h1 em{font-style:italic;color:var(--gold);font-weight:600}
.hero-sub{font-size:clamp(1rem,1.5vw,1.15rem);color:var(--text-muted);max-width:560px;line-height:1.8;letter-spacing:.01em;animation:fadeSlideUp .6s ease .2s both}
.hero-ctas{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;padding-top:12px;animation:fadeSlideUp .6s ease .3s both}
.hero-photo{margin-top:24px;animation:fadeSlideUp .6s ease .4s both}
.hero-photo img{width:220px;height:220px;border-radius:50%;object-fit:cover;object-position:top;border:6px solid var(--white);box-shadow:0 12px 40px rgba(197,160,89,.2)}
@keyframes fadeSlideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--green-dark);color:var(--white);font-weight:500;font-size:.95rem;padding:14px 28px;border-radius:var(--radius-full);border:none;cursor:pointer;transition:all var(--transition);letter-spacing:.02em}
.btn-primary:hover{background:var(--green);transform:translateY(-2px);box-shadow:0 8px 20px rgba(26,71,49,.2)}
.btn-secondary{display:inline-flex;align-items:center;gap:8px;background:var(--white);color:var(--text);font-weight:500;font-size:.95rem;padding:14px 28px;border-radius:var(--radius-full);border:1px solid var(--border);cursor:pointer;transition:all var(--transition);letter-spacing:.02em}
.btn-secondary:hover{background:var(--gold-light);border-color:var(--gold);color:var(--green-dark);transform:translateY(-1px)}

/* ═══ TRUST STRIP ═══ */
.trust-strip{background:var(--white);border-bottom:1px solid var(--border);padding:14px 0}
.trust-items{display:flex;align-items:center;justify-content:center;gap:32px;flex-wrap:wrap}
.trust-item{display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:500;color:var(--text-muted);letter-spacing:.01em}
.trust-item svg{width:16px;height:16px;color:var(--green);flex-shrink:0}

/* ═══ SECTIONS COMMON ═══ */
section{padding:100px 0}
.section-tag{display:inline-block;font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);background:var(--gold-light);padding:6px 14px;border-radius:var(--radius-full);border:1px solid rgba(197,160,89,.2);margin-bottom:20px}
.section-title{font-family:'Playfair Display',serif;font-size:clamp(1.8rem,3vw,2.8rem);font-weight:700;line-height:1.2;color:var(--green-dark);margin-bottom:16px;letter-spacing:-.01em}
.section-sub{font-size:1rem;color:var(--text-muted);max-width:540px;line-height:1.8}
.section-header{margin-bottom:56px}
.section-header.center{text-align:center}
.section-header.center .section-sub{margin:0 auto}

/* ═══ CREDIBILITY ═══ */
.credibility{background:var(--white)}
.cred-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cred-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:24px 20px;transition:all var(--transition);position:relative;overflow:hidden}
.cred-card:hover{border-color:var(--gold);box-shadow:var(--shadow-lg);transform:translateY(-4px)}
.cred-icon{width:40px;height:40px;background:var(--gold-light);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.cred-icon svg{width:20px;height:20px;color:var(--gold)}
.cred-number{font-family:'Playfair Display',serif;font-size:2rem;font-weight:700;color:var(--green-dark);line-height:1;margin-bottom:6px;letter-spacing:-.01em}
.cred-label{font-size:.85rem;font-weight:600;color:var(--text);margin-bottom:6px}
.cred-desc{font-size:.8rem;color:var(--text-muted);line-height:1.6}

/* ═══ PILLARS ═══ */
.pillars{background:var(--bg)}
.pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
[data-glow]{
  --border-size:1px;--spotlight-size:300px;--radius:16;
  background-image:radial-gradient(var(--spotlight-size) var(--spotlight-size) at calc(var(--x,0)*1px) calc(var(--y,0)*1px),hsl(var(--hue,45) 60% 50%/.05),transparent);
  background-color:transparent;background-size:calc(100% + 4px) calc(100% + 4px);background-position:50% 50%;background-attachment:fixed;
  border:var(--border-size) solid var(--border);position:relative;touch-action:none;
  border-radius:calc(var(--radius)*1px);padding:40px 32px;transition:all var(--transition);cursor:default
}
[data-glow]::before{content:'';pointer-events:none;position:absolute;inset:calc(var(--border-size)*-1);border:var(--border-size) solid transparent;border-radius:calc(var(--radius)*1px);background-attachment:fixed;background-size:calc(100% + 4px) calc(100% + 4px);background-repeat:no-repeat;background-position:50% 50%;background-image:radial-gradient(calc(var(--spotlight-size)*.75) calc(var(--spotlight-size)*.75) at calc(var(--x,0)*1px) calc(var(--y,0)*1px),hsl(var(--hue,45) 60% 50%/.4),transparent 100%);mask:linear-gradient(transparent,transparent),linear-gradient(white,white);mask-clip:padding-box,border-box;mask-composite:intersect;-webkit-mask-composite:xor;filter:brightness(1.2)}
[data-glow]:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:rgba(197,160,89,.35)}
.pillar-card{background:var(--white);overflow:hidden}
.pillar-card:nth-child(1){--hue:120}
.pillar-card:nth-child(2){--hue:45}
.pillar-card:nth-child(3){--hue:45}
.pillar-icon-wrap{width:48px;height:48px;border-radius:12px;background:var(--gold-light);border:1px solid rgba(197,160,89,.2);display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.pillar-icon-wrap svg{width:22px;height:22px;color:var(--gold)}
.pillar-divider{height:1px;background:var(--border);margin-top:24px;opacity:.6}
.pillar-card h3{font-family:'Playfair Display',serif;font-size:1.1rem;font-weight:700;margin-bottom:12px;letter-spacing:-.01em;color:var(--green-dark);line-height:1.3}
.pillar-card p{font-size:.875rem;color:var(--text-muted);line-height:1.75}

/* ═══ RESOURCES ═══ */
.resources{background:var(--white)}
.resources-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.resource-card{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:all var(--transition);display:flex;flex-direction:column;background:var(--bg)}
.resource-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px);border-color:var(--text-light)}
.resource-card-top{padding:28px 24px;flex:1}
.resource-tag{font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:var(--radius-full);display:inline-block;margin-bottom:14px}
.resource-card:nth-child(1) .resource-tag{background:var(--green-light);color:var(--green-dark)}
.resource-card:nth-child(2) .resource-tag{background:var(--orange-light);color:var(--orange)}
.resource-card:nth-child(3) .resource-tag{background:var(--gold-light);color:#8a6800}
.resource-card h3{font-size:1rem;font-weight:700;margin-bottom:8px;letter-spacing:-.01em}
.resource-card p{font-size:.84rem;color:var(--text-muted);line-height:1.6}
.resource-disclaimer{font-size:.75rem;background:#fffbeb;border:1px solid #fde68a;border-radius:var(--radius-sm);padding:10px 12px;color:#92400e;margin-top:12px;line-height:1.5}
.resource-link{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-top:1px solid var(--border);font-size:.84rem;font-weight:600;transition:background var(--transition);background:var(--white)}
.resource-card:nth-child(1) .resource-link{color:var(--green-dark)}
.resource-card:nth-child(1) .resource-link:hover{background:var(--green-light)}
.resource-card:nth-child(2) .resource-link{color:var(--orange)}
.resource-card:nth-child(2) .resource-link:hover{background:var(--orange-light)}
.resource-card:nth-child(3) .resource-link{color:#8a6800}
.resource-card:nth-child(3) .resource-link:hover{background:var(--gold-light)}

/* ═══ TESTIMONIALS ═══ */
.testimonials{background:var(--bg);overflow:hidden}
.testimonials-scroll{display:flex;justify-content:center;gap:24px;max-height:820px;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent,black 15%,black 85%,transparent);mask-image:linear-gradient(to bottom,transparent,black 15%,black 85%,transparent)}
.testi-col{display:flex;flex-direction:column;gap:20px;width:420px;flex-shrink:0;overflow:hidden}
.testi-col-inner{display:flex;flex-direction:column;gap:20px;animation:scrollUp var(--duration,20s) linear infinite}
@keyframes scrollUp{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}
.testimonial-card{border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);flex-shrink:0;background:var(--white);transition:all var(--transition)}
.testimonial-card:hover{box-shadow:var(--shadow);transform:scale(1.015)}
.testimonial-card img{width:100%;height:auto;display:block}
.fb-btn-wrap{text-align:center;margin-top:48px}
.review-cta-wrap{margin-top:56px}
.review-cta-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-xl);padding:40px 40px 36px;text-align:center;max-width:600px;margin:0 auto;box-shadow:var(--shadow)}
.review-cta-stars{display:flex;justify-content:center;gap:6px;margin-bottom:20px}
.review-cta-stars svg{width:28px;height:28px;color:var(--gold)}
.review-cta-title{font-family:'Playfair Display',serif;font-size:1.35rem;font-weight:700;color:var(--green-dark);margin-bottom:10px;letter-spacing:-.01em}
.review-cta-sub{font-size:.9rem;color:var(--text-muted);line-height:1.75;max-width:440px;margin:0 auto 28px}
.review-cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.btn-leave-review{display:inline-flex;align-items:center;gap:8px;background:var(--green-dark);color:var(--white);font-weight:600;font-size:.875rem;padding:13px 24px;border-radius:var(--radius-full);border:none;cursor:pointer;transition:all var(--transition);text-decoration:none}
.btn-leave-review:hover{background:var(--green);transform:translateY(-2px);box-shadow:0 6px 20px rgba(15,61,38,.2)}
.btn-fb-ghost{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--text-muted);font-weight:500;font-size:.875rem;padding:13px 24px;border-radius:var(--radius-full);border:1px solid var(--border);cursor:pointer;transition:all var(--transition);text-decoration:none}
.btn-fb-ghost:hover{background:var(--green-light);border-color:var(--green);color:var(--green-dark);transform:translateY(-1px)}


/* ═══ ABOUT ═══ */
.about{background:var(--white)}
.about-inner{display:grid;grid-template-columns:1fr 1.2fr;gap:64px;align-items:center}
.about-img{position:relative}
.about-img img{width:100%;height:520px;object-fit:cover;object-position:top center;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}
.about-license-badge{position:absolute;bottom:-14px;left:-14px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:14px 18px;box-shadow:var(--shadow);max-width:200px}
.about-license-badge .badge-title{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:4px}
.about-license-badge .badge-val{font-size:.78rem;font-weight:500;color:var(--text);line-height:1.5}
.about-text .section-tag{margin-bottom:16px}
.about-text h2{font-family:'Playfair Display',serif;font-size:clamp(1.6rem,2.5vw,2.4rem);font-weight:700;color:var(--green-dark);margin-bottom:24px;letter-spacing:-.01em}
.about-text p{font-size:.95rem;color:var(--text-muted);line-height:1.8;margin-bottom:16px}
.about-socials{display:none;}
.social-btn{display:none;}

/* ═══ COMPANIES / NETWORK ═══ */
.companies{background:var(--white);overflow:hidden}

/* — Powered-by row — */
.powered-by-row{display:flex;align-items:center;justify-content:center;gap:28px;margin:0 auto 48px;max-width:680px;flex-wrap:wrap}
.pb-my-logo{height:auto;width:clamp(120px,30vw,220px);max-width:220px;object-fit:contain;flex-shrink:1}
.pb-iaa-logo{height:clamp(44px,10vw,72px);width:auto;max-width:180px;object-fit:contain;flex-shrink:1;transition:opacity .2s ease}
.pb-iaa-logo:hover{opacity:.75}
.pb-divider{display:block;width:1px;height:40px;background:var(--border);flex-shrink:0}
.pb-label{font-size:.65rem;font-weight:700;letter-spacing:.14em;color:var(--text-light);text-transform:uppercase;white-space:nowrap;flex-shrink:0}

/* — Carousel container (desktop) — */
.carrier-carousel{position:relative;overflow:hidden;padding:8px 0}

/* Soft fade masks on left & right edges */
.carrier-fade{position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none}
.carrier-fade-left{left:0;background:linear-gradient(to right,var(--white),transparent)}
.carrier-fade-right{right:0;background:linear-gradient(to left,var(--white),transparent)}

/* — Infinite marquee track — */
.marquee-track{display:flex;align-items:center;gap:0;width:max-content;animation:marqueeScroll 36s linear infinite}
.marquee-track:hover{animation-play-state:paused}

@keyframes marqueeScroll{
  0%{transform:translateX(0)}
  100%{transform:translateX(-50%)}
}

/* — Individual logo items — */
.carrier-item{display:flex;align-items:center;justify-content:center;padding:0 48px;flex-shrink:0;opacity:.72;transition:opacity var(--transition),transform var(--transition);text-decoration:none}
.carrier-item:hover{opacity:1;transform:scale(1.06)}
.carrier-item img{height:88px;width:auto;max-width:240px;object-fit:contain;display:block;filter:grayscale(20%)}
.carrier-item:hover img{filter:grayscale(0%)}

/* — Mobile static logo grid (hidden on desktop) — */
.carrier-grid-mobile{display:none;grid-template-columns:repeat(3,1fr);gap:20px 12px;padding:8px 0}
.carrier-grid-mobile a{display:flex;align-items:center;justify-content:center;padding:12px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);opacity:.8;transition:opacity var(--transition),box-shadow var(--transition)}
.carrier-grid-mobile a:hover{opacity:1;box-shadow:var(--shadow-sm)}
.carrier-grid-mobile img{height:52px;width:auto;max-width:100%;object-fit:contain;filter:grayscale(20%)}
.carrier-grid-mobile a:hover img{filter:grayscale(0%)}

/* — Fine print — */
.carrier-fine-print{text-align:center;font-size:.72rem;color:var(--text-light);margin-top:36px;letter-spacing:.02em;line-height:1.6}

/* ═══ CONTACT ═══ */
.contact{background:var(--bg)}
.contact-inner-social{max-width:680px;margin:0 auto}
.social-connect-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.social-connect-card{display:flex;align-items:center;gap:14px;padding:20px 24px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-weight:500;transition:all var(--transition)}
.social-connect-card:hover{border-color:var(--gold);box-shadow:var(--shadow-lg);color:var(--green-dark);transform:translateY(-2px)}
.social-connect-card svg{width:24px;height:24px;color:var(--gold);flex-shrink:0}

/* ═══ FOOTER (from Footer.md — rounded top, radial glow) ═══ */
.site-footer{background:var(--green-dark);color:rgba(255,255,255,.8);border-radius:40px 40px 0 0;position:relative;max-width:1200px;margin:0 auto;padding:64px 40px 32px;overflow:hidden}
.site-footer::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:40%;height:1px;background:rgba(197,160,89,.4);border-radius:999px;filter:blur(1px)}
.site-footer::after{content:'';position:absolute;inset:0;background:radial-gradient(35% 128px at 50% 0%,rgba(197,160,89,.08),transparent);pointer-events:none}
.footer-top{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:40px;margin-bottom:40px;position:relative;z-index:1}
.footer-brand img{height:64px;width:auto;margin-bottom:14px;border-radius:6px}
.footer-brand p{font-size:.8rem;line-height:1.6;color:rgba(255,255,255,.45);max-width:220px}
.footer-col h4{font-size:.6875rem;font-weight:500;letter-spacing:.04em;color:rgba(255,255,255,.35);margin-bottom:14px}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:8px}
.footer-col ul li a{font-size:.8125rem;color:rgba(255,255,255,.55);transition:color var(--transition)}
.footer-col ul li a:hover{color:#fff}
.footer-address{font-size:.75rem;color:rgba(255,255,255,.35);line-height:1.7;margin-top:14px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;position:relative;z-index:1}
.footer-bottom p{font-size:.75rem;color:rgba(255,255,255,.3)}
.footer-bottom-links{display:flex;gap:16px}
.footer-bottom-links a{font-size:.75rem;color:rgba(255,255,255,.3);transition:color var(--transition)}
.footer-bottom-links a:hover{color:rgba(255,255,255,.6)}

/* ═══ MODAL ═══ */
.modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:200;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(4px)}
.modal-overlay.open{display:flex}
.modal-box{background:var(--white);border-radius:var(--radius-xl);max-width:580px;width:100%;max-height:85vh;overflow-y:auto;padding:36px;position:relative}
.modal-box h2{font-size:1.2rem;font-weight:800;margin-bottom:14px;letter-spacing:-.01em}
.modal-box p,.modal-box li{font-size:.85rem;color:var(--text-muted);line-height:1.7;margin-bottom:10px}
.modal-close{position:absolute;top:14px;right:14px;background:var(--border-light);border:1px solid var(--border);width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:.8rem;display:flex;align-items:center;justify-content:center;transition:background var(--transition)}
.modal-close:hover{background:var(--border)}

/* ═══ MOBILE NAV ═══ */
.mobile-nav{display:none;position:fixed;inset:0;top:80px;background:var(--white);z-index:99;flex-direction:column;padding:24px;gap:4px;border-top:1px solid var(--border)}
.mobile-nav.open{display:flex}
.mobile-nav a{font-size:1rem;font-weight:500;color:var(--text);padding:14px 0;border-bottom:1px solid var(--border-light)}

/* ═══ RESPONSIVE ═══ */
@media(max-width:900px){
  .hero-inner{padding:72px 24px 56px}
  .pillars-grid{grid-template-columns:1fr}
  .resources-grid{grid-template-columns:1fr}
  .testimonials-scroll .testi-col:nth-child(2){display:none}
  .testi-col{width:90vw;max-width:420px}
  .about-inner{grid-template-columns:1fr}
  .about-img{display:none}
  .contact-inner{grid-template-columns:1fr}
  .footer-top{grid-template-columns:1fr 1fr}
  .nav-links,.btn-contact{display:none}
  .hamburger{display:flex}
  .form-row{grid-template-columns:1fr}
  .cred-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .testimonials-scroll .testi-col:nth-child(2){display:none}
  .footer-top{grid-template-columns:1fr}
  .cred-grid{grid-template-columns:1fr}
  .trust-items{gap:16px}
  section{padding:72px 0}
  .site-footer{border-radius:24px 24px 0 0;padding:40px 20px 20px}
}

/* ═══ SCROLL ANIMATIONS (from Footer.md — blur-in) ═══ */
.fade-up{opacity:0;transform:translateY(16px);filter:blur(4px);transition:opacity .7s ease,transform .7s ease,filter .7s ease}
.fade-up.visible{opacity:1;transform:translateY(0);filter:blur(0)}
.fade-up-d1{transition-delay:.1s}.fade-up-d2{transition-delay:.2s}.fade-up-d3{transition-delay:.3s}.fade-up-d4{transition-delay:.4s}

/* ═══ WHY SECTION ═══ */
.why-section{background:var(--white)}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:8px}
.why-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:32px 28px;text-align:center;transition:all var(--transition)}
.why-card:hover{border-color:var(--gold);box-shadow:var(--shadow-lg);transform:translateY(-4px)}
.why-icon{font-size:2rem;margin-bottom:18px;display:block}
.why-card h3{font-family:'Playfair Display',serif;font-size:1.05rem;font-weight:700;color:var(--green-dark);margin-bottom:10px;line-height:1.35}
.why-card p{font-size:.875rem;color:var(--text-muted);line-height:1.7}

/* ═══ WHAT SECTION ═══ */
.what-section{background:var(--bg)}
.what-inner{max-width:780px;margin:0 auto}
.what-inner .section-tag{margin-bottom:16px}
.what-inner .section-title{margin-bottom:28px}
.what-body p{font-size:1rem;color:var(--text-muted);line-height:1.85;margin-bottom:18px}
.what-body strong{color:var(--green-dark);font-weight:600}
.what-highlight{background:var(--gold-light);border-left:4px solid var(--gold);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:18px 24px;font-size:.95rem;font-weight:600;color:var(--green-dark);line-height:1.6;margin-top:8px}

/* ═══ FIT SECTION ═══ */
.fit-section{background:var(--white)}
.fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:800px;margin:0 auto}
.fit-card{border-radius:var(--radius);padding:36px 32px;transition:all var(--transition)}
.fit-yes{background:var(--green-light);border:1px solid rgba(26,71,49,.15)}
.fit-no{background:var(--orange-light);border:1px solid rgba(224,122,95,.2)}
.fit-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}
.fit-card-header{display:flex;align-items:center;gap:14px;margin-bottom:24px}
.fit-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;flex-shrink:0}
.fit-icon-yes{background:var(--green-dark);color:var(--white)}
.fit-icon-no{background:var(--orange);color:var(--white)}
.fit-card h3{font-family:'Playfair Display',serif;font-size:1.05rem;font-weight:700;color:var(--green-dark);line-height:1.3}
.fit-card ul{list-style:none;display:flex;flex-direction:column;gap:12px}
.fit-card li{font-size:.9rem;color:var(--text-muted);line-height:1.6;padding-left:20px;position:relative}
.fit-yes li::before{content:'✓';position:absolute;left:0;color:var(--green-dark);font-weight:700;font-size:.8rem}
.fit-no li::before{content:'✕';position:absolute;left:0;color:var(--orange);font-weight:700;font-size:.8rem}

/* ═══ COMPARE SECTION ═══ */
.compare-section{background:var(--bg)}

/* Desktop table */
.compare-table-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow)}
.compare-table{width:100%;border-collapse:collapse;font-size:.875rem}
.compare-table thead tr{background:var(--green-dark)}
.compare-table thead th{padding:16px 18px;text-align:left;color:rgba(255,255,255,.7);font-weight:600;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase;border-right:1px solid rgba(255,255,255,.1)}
.compare-table thead th:first-child{color:transparent}
.compare-table thead th.cmp-highlight-head{color:var(--gold);background:rgba(197,160,89,.12)}
.compare-table tbody tr{border-bottom:1px solid var(--border);transition:background var(--transition)}
.compare-table tbody tr:last-child{border-bottom:none}
.compare-table tbody tr:hover{background:var(--border-light)}
.compare-table td{padding:14px 18px;color:var(--text-muted);border-right:1px solid var(--border);line-height:1.5}
.compare-table td.row-label{font-weight:600;color:var(--text);background:var(--white);font-size:.82rem;white-space:nowrap}
.compare-table td.cmp-highlight{background:var(--gold-light);color:var(--green-dark);font-weight:500}
.compare-table tbody tr:hover td.cmp-highlight{background:rgba(197,160,89,.15)}

/* Mobile comparison cards — hidden on desktop */
.compare-cards{display:none;flex-direction:column;gap:16px}
.compare-card{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}
.compare-card-header{padding:14px 18px;font-size:.7rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;background:var(--green-dark);color:rgba(255,255,255,.75)}
.compare-card.cmp-7702 .compare-card-header{background:var(--green-dark);color:var(--gold)}
.compare-card-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:11px 18px;border-bottom:1px solid var(--border);background:var(--white)}
.compare-card-row:last-child{border-bottom:none}
.compare-card.cmp-7702 .compare-card-row{background:var(--gold-light)}
.cmp-card-label{font-size:.78rem;font-weight:600;color:var(--text);flex:0 0 auto;max-width:46%;line-height:1.4}
.cmp-card-value{font-size:.82rem;color:var(--text-muted);text-align:right;flex:1;line-height:1.4}
.compare-card.cmp-7702 .cmp-card-value{color:var(--green-dark);font-weight:500}

/* ═══ PROS CONS SECTION ═══ */
.pros-cons-section{background:var(--white)}
.pros-cons-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:840px;margin:0 auto}
.pc-card{border-radius:var(--radius);padding:36px 32px;transition:all var(--transition)}
.pc-pros{background:var(--green-light);border:1px solid rgba(26,71,49,.12)}
.pc-cons{background:#FFF8F5;border:1px solid rgba(224,122,95,.18)}
.pc-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}
.pc-card h3{font-family:'Playfair Display',serif;font-size:1.05rem;font-weight:700;color:var(--green-dark);margin-bottom:20px;line-height:1.3}
.pc-card ul{list-style:none;display:flex;flex-direction:column;gap:14px}
.pc-card li{font-size:.9rem;color:var(--text-muted);line-height:1.6;padding-left:22px;position:relative}
.pc-pros li::before{content:'✓';position:absolute;left:0;color:var(--green-dark);font-weight:700}
.pc-cons li::before{content:'!';position:absolute;left:0;color:var(--orange);font-weight:700;font-size:.8rem;background:var(--orange-light);width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;top:2px;font-size:.65rem}

/* ═══ CAN HELP SECTION ═══ */
.can-help-section{background:var(--bg)}

/* ═══ FAQ SECTION ═══ */
.faq-section{background:var(--white)}
.faq-list{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:0}
.faq-item{border-bottom:1px solid var(--border)}
.faq-item:first-child{border-top:1px solid var(--border)}
.faq-q{width:100%;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 4px;text-align:left;font-family:'Inter',sans-serif;font-size:.95rem;font-weight:600;color:var(--green-dark);transition:color var(--transition)}
.faq-q:hover{color:var(--green)}
.faq-arrow{font-size:1.4rem;color:var(--gold);flex-shrink:0;transition:transform var(--transition);display:inline-block;line-height:1}
.faq-item.open .faq-arrow{transform:rotate(180deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease}
.faq-item.open .faq-a{max-height:200px}
.faq-a p{font-size:.9rem;color:var(--text-muted);line-height:1.75;padding:0 4px 20px}

/* ═══ RESPONSIVE UPDATES ═══ */
@media(max-width:900px){
  .why-grid{grid-template-columns:1fr}
  .fit-grid{grid-template-columns:1fr}
  .pros-cons-grid{grid-template-columns:1fr}
  .compare-table{font-size:.8rem}
  .compare-table td,.compare-table th{padding:12px 12px}
  .resources-grid{grid-template-columns:repeat(2,1fr)}
}

/* ── MOBILE FIXES (≤ 640 px) ── */
@media(max-width:640px){
  .resources-grid{grid-template-columns:1fr}

  /* Prevent any section from causing sideways scroll */
  body{overflow-x:hidden}
  .container{padding:0 16px}
  section{padding:64px 0}

  /* ── Comparison section: keep table, make it scroll-fit on screen ── */
  .compare-table-wrap{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    border-radius:var(--radius);
  }
  .compare-table{
    font-size:.72rem;
    min-width:480px; /* allows scroll if needed but compact enough to fit most screens */
  }
  .compare-table thead th,
  .compare-table tbody td{
    padding:10px 10px;
  }
  .compare-table td.row-label{
    white-space:normal;
    min-width:90px;
    max-width:110px;
  }
  /* Hide the stacked card fallback — table stays */
  .compare-cards{display:none}

  /* ── IAA / Companies: keep the marquee carousel on mobile ── */
  /* Hide the static grid fallback */
  .carrier-grid-mobile{display:none}
  /* Keep carousel visible */
  .carrier-carousel{display:block}
  /* Make logos slightly smaller on mobile */
  .carrier-item img{height:60px}
  .carrier-item{padding:0 32px}
  .carrier-fine-print{margin-top:24px}
}