:root{--primary: #16a34a;--blue: #1e40af;--dark: #0f172a;--muted: #64748b;--border: #e2e8f0;--bg: #ffffff;--alt: #f8fafc}*{box-sizing:border-box}body{margin:0;font-family:Avenir,Helvetica Neue,Arial,sans-serif;font-size:18px;color:var(--dark);background:var(--bg)}a{color:inherit;text-decoration:none}.wrap{max-width:1200px;margin:0 auto;padding:0 24px}.nav{position:sticky;top:0;z-index:50;background:#fffffffa;border-bottom:1px solid var(--border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}.nav-top{display:flex;align-items:center;justify-content:space-between;width:100%;gap:16px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:56px;height:56px;object-fit:contain}.brand-title{font-weight:700;font-size:20px}.brand-sub{font-size:12px;color:var(--muted)}.nav-links{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.nav-links a{padding:6px 8px;font-size:14px;color:var(--dark)}.nav-cta{background:var(--primary);color:#fff;padding:10px 16px;border-radius:10px;font-weight:700}.nav-toggle{display:none;background:#fff;border:1px solid var(--border);border-radius:999px;padding:8px 14px;font-weight:700}.nav-cta-mobile{display:none}.hero{background:linear-gradient(180deg,#fff,#f0fdf4);padding:40px 0 64px}.hero-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;align-items:center}.hero-tag{color:var(--blue);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700}.hero-title{font-size:28px;font-weight:800;margin:12px 0}.hero-desc{color:var(--muted);line-height:1.6}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.btn-primary{background:var(--primary);color:#fff;padding:12px 18px;border-radius:10px;font-weight:700;display:inline-block}.btn-secondary{background:#e2e8f0;color:#1f2937;padding:12px 18px;border-radius:10px;font-weight:700;display:inline-block}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:20px}.stat-card{border:1px solid var(--border);border-radius:12px;padding:12px}.stat-title{font-weight:700;font-size:14px}.stat-desc{color:var(--muted);font-size:12px}.hero-image{border-radius:16px;width:100%;object-fit:cover;box-shadow:0 10px 30px #0f172a1a}section{padding:64px 0}.section-alt{background:var(--alt)}.section-head{text-align:left;max-width:860px}.eyebrow{color:var(--blue);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700}.section-title{font-size:28px;font-weight:800;margin:10px 0}.section-desc{color:var(--muted);line-height:1.6}.about-grid,.feature-grid,.join-grid,.service-grid,.hero-board-grid,.footer-grid{display:grid;gap:16px}.about-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:24px}.card{border:1px solid var(--border);border-radius:14px;padding:16px;background:#fff}.join-grid .card{background:#fffffff5;box-shadow:0 10px 24px #0f172a1f}.feature-grid{grid-template-columns:repeat(3,minmax(220px,1fr));margin-top:24px}.join-wrap{position:relative}.join-section{position:relative;min-height:900px}.join-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/assets/JoinAsBackground.png) center/cover no-repeat;opacity:.9;border-radius:0;pointer-events:none}.join-wrap{position:relative;z-index:1}.join-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:500px}.benefits{margin:12px 0;padding-left:18px;color:var(--muted)}.services-marquee{overflow:hidden;margin:24px 0}.services-track{display:flex;gap:12px;width:max-content;animation:marquee 30s linear infinite}.services-item{width:160px;height:100px;border-radius:12px;overflow:hidden;flex:0 0 auto;border:1px solid var(--border);background:#fff}.services-item img{width:100%;height:100%;object-fit:cover}.service-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.service-card{border:1px solid var(--border);border-radius:12px;padding:12px;background:#fff;text-align:left;display:flex;align-items:center;gap:10px}.service-icon{width:18px;height:18px;border-radius:9px;background:#dcfce7;border:1px solid #86efac;display:inline-block;font-size:14px;line-height:1;text-align:center;display:inline-flex;align-items:center;justify-content:center}.service-text{font-size:15px;font-weight:600;color:var(--dark)}.hero-board-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:24px}.hero-board-grid img{width:100%;height:220px;object-fit:cover;border-radius:16px}.contact-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:24px}.contact-wrap .card img{width:100%;height:360px;object-fit:cover;border-radius:12px;display:block}.contact-card input,.contact-card textarea,.contact-card select{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);margin-bottom:12px;font-family:inherit}.contact-card button.btn-primary{border:none;cursor:pointer}.contact-success{margin-top:12px;padding:12px;border-radius:12px;border:1px solid #bbf7d0;background:#f0fdf4;color:#166534;font-size:13px}.footer{background:#0f172a;color:#e2e8f0;padding:48px 0}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.footer-title{font-weight:700;margin-bottom:12px}.footer-links a{display:block;color:#e2e8f0;margin-bottom:6px;font-size:13px}.footer-cta{display:inline-block;margin-top:12px;background:var(--primary);color:#fff;padding:10px 16px;border-radius:10px;font-weight:700}.footer-bottom{text-align:center;margin-top:20px;color:#94a3b8;font-size:12px}@media (max-width: 720px){.nav-inner{flex-direction:column;align-items:flex-start}.nav-top{width:100%}.nav-toggle{display:inline-flex}.nav-links{width:100%;flex-direction:column;align-items:flex-start;gap:8px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:12px;display:none}.nav-links.is-open{display:flex}.nav-cta-desktop{display:none}.nav-cta-mobile{display:inline-flex}.hero-title{font-size:22px}.join-grid{margin-top:30px}.feature-grid{grid-template-columns:1fr}}@media (max-width: 1200px){.join-grid{margin-top:100px}.feature-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}
