/* ==========================================================
   SSI — Shared Foundation
   Navy #1E3A8A · Green #10B981 · Sora + DM Sans
   ========================================================== */

:root {
  --navy:       #1E3A8A;
  --navy-dk:    #132a6b;
  --navy-900:   #0f172a;
  --green:      #10B981;
  --green-dk:   #059669;
  --green-lt:   #ECFDF5;
  --slate:      #F1F5F9;
  --border:     #E2E8F0;
  --text:       #0F172A;
  --muted:      #64748B;
  --white:      #FFFFFF;
  --r:          14px;
  --r-sm:       9px;
  --sh-sm:      0 1px 4px rgba(15,23,42,.07);
  --sh:         0 4px 20px rgba(30,58,138,.10);
  --sh-lg:      0 12px 40px rgba(30,58,138,.15);
  --sh-xl:      0 24px 64px rgba(30,58,138,.18);
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; font-size: 16px; }
body {
  font-family: 'DM Sans', sans-serif;
  color: var(--text);
  background: #fff;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5 { font-family: 'Sora', sans-serif; line-height: 1.2; }
a { text-decoration: none; color: inherit; }
img { display: block; width: 100%; }
button, input, select, textarea { font-family: inherit; }

/* ── CONTAINER ── */
.wrap { max-width: 1180px; margin: 0 auto; padding: 0 28px; }

/* ── NAVBAR ── */
.navbar {
  position: sticky; top: 0; z-index: 100;
  background: rgba(255,255,255,.97);
  border-bottom: 1px solid var(--border);
  backdrop-filter: blur(12px);
  transition: box-shadow .3s;
}
.navbar.scrolled { box-shadow: 0 4px 24px rgba(30,58,138,.10); }
.nav-inner {
  max-width: 1180px; margin: 0 auto; padding: 0 28px;
  height: 72px; display: flex; align-items: center; justify-content: space-between;
}
.nav-logo { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
.nav-logo-mark {
  width: 44px; height: 44px; border-radius: 10px;
  background: var(--navy); overflow: hidden; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
}
.nav-logo-mark img { width: 100%; height: 100%; object-fit: contain; padding: 5px; }
.nav-logo-mark span {
  font-family: 'Sora', sans-serif; font-weight: 800;
  font-size: 16px; color: #fff; letter-spacing: -.5px;
}
.nav-logo-text {
  font-family: 'Sora', sans-serif; font-weight: 700; font-size: 13px;
  color: var(--navy); line-height: 1.35; max-width: 155px;
}
.nav-links { display: flex; align-items: center; gap: 2px; }
.nav-link {
  font-size: 14px; font-weight: 500; color: var(--muted);
  padding: 8px 14px; border-radius: 8px;
  transition: color .2s, background .2s;
}
.nav-link:hover, .nav-link.active { color: var(--navy); background: var(--slate); }
.nav-join {
  margin-left: 10px; background: var(--green); color: #fff;
  font-family: 'Sora', sans-serif; font-weight: 700; font-size: 13px;
  padding: 11px 22px; border-radius: 9px; border: none; cursor: pointer;
  transition: background .2s, transform .15s;
  white-space: nowrap;
}
.nav-join:hover { background: var(--green-dk); transform: translateY(-1px); }
.hamburger {
  display: none; flex-direction: column; gap: 5px;
  background: none; border: none; padding: 6px; cursor: pointer;
}
.hamburger span { display: block; width: 22px; height: 2px; background: var(--navy); border-radius: 2px; transition: .3s; }

/* ── BUTTONS ── */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  font-family: 'Sora', sans-serif; font-weight: 700; font-size: 15px;
  min-height: 52px; padding: 13px 28px; border-radius: 11px; border: none;
  cursor: pointer; transition: all .2s; white-space: nowrap;
}
.btn:hover { transform: translateY(-2px); }
.btn-green  { background: var(--green);  color: #fff; box-shadow: 0 4px 16px rgba(16,185,129,.3); }
.btn-green:hover  { background: var(--green-dk); }
.btn-navy   { background: var(--navy);   color: #fff; box-shadow: 0 4px 16px rgba(30,58,138,.25); }
.btn-navy:hover   { background: var(--navy-dk); }
.btn-ghost-white  { background: rgba(255,255,255,.12); color: #fff; border: 2px solid rgba(255,255,255,.5); }
.btn-ghost-white:hover { background: rgba(255,255,255,.22); border-color: #fff; }
.btn-outline-navy { background: transparent; color: var(--navy); border: 2px solid var(--navy); }
.btn-outline-navy:hover { background: var(--navy); color: #fff; }
.btn-full   { width: 100%; min-height: 54px; font-size: 16px; }

/* ── TAGS ── */
.tag {
  display: inline-block;
  font-family: 'Sora', sans-serif; font-weight: 700; font-size: 11px;
  letter-spacing: .7px; text-transform: uppercase;
  padding: 4px 12px; border-radius: 100px;
}
.tag-story    { background: rgba(124,58,237,.12); color: #6d28d9; }
.tag-event    { background: rgba(30,58,138,.10);  color: var(--navy); }
.tag-news     { background: rgba(16,185,129,.12); color: var(--green-dk); }
.tag-workshop { background: rgba(234,179,8,.14);  color: #92400e; }

/* ── EYEBROW ── */
.eyebrow {
  font-family: 'Sora', sans-serif; font-weight: 700; font-size: 12px;
  letter-spacing: 1.3px; text-transform: uppercase;
  color: var(--green); display: block; margin-bottom: 12px;
}
.eyebrow-white { color: rgba(255,255,255,.65); }

/* ── SECTION HEADING ── */
.sec-h { font-size: clamp(26px, 3.8vw, 42px); font-weight: 800; letter-spacing: -.6px; }
.sec-h2 { font-size: clamp(22px, 2.8vw, 32px); font-weight: 800; letter-spacing: -.4px; }
.sec-p { font-size: 17px; color: var(--muted); line-height: 1.75; max-width: 560px; margin-top: 14px; }

/* ── BAR ACCENT ── */
.bar-accent { display: flex; align-items: center; gap: 12px; }
.bar-accent::before { content: ''; display: block; width: 4px; height: 24px; background: var(--green); border-radius: 2px; }
.bar-accent-right { display: flex; align-items: center; justify-content: space-between; }

/* ── FORM ── */
.form-card {
  background: #fff; border: 1px solid var(--border);
  border-radius: var(--r); padding: 40px 36px;
  box-shadow: var(--sh-lg);
}
.form-card-title { font-size: 22px; font-weight: 800; margin-bottom: 4px; }
.form-sub { font-size: 14px; color: var(--muted); margin-bottom: 28px; }
.field { margin-bottom: 18px; }
.field label { display: block; font-weight: 600; font-size: 13.5px; color: var(--text); margin-bottom: 6px; }
.field input,
.field select,
.field textarea {
  width: 100%; padding: 12px 16px;
  border: 1.5px solid var(--border); border-radius: 9px;
  font-family: 'DM Sans', sans-serif; font-size: 15px; color: var(--text);
  background: #fff; outline: none; -webkit-appearance: none;
  transition: border-color .2s, box-shadow .2s;
}
.field input:focus,
.field select:focus,
.field textarea:focus {
  border-color: var(--navy);
  box-shadow: 0 0 0 3px rgba(30,58,138,.08);
}
.field textarea { resize: vertical; min-height: 108px; }
.form-success {
  display: none; background: var(--green-lt); border: 1.5px solid var(--green);
  color: var(--green-dk); padding: 22px 24px; border-radius: 12px;
  font-family: 'Sora', sans-serif; font-weight: 600; font-size: 15px;
  text-align: center; margin-top: 16px; line-height: 1.6;
}

/* ── REVEAL ANIMATION ── */
.reveal {
  opacity: 0; transform: translateY(24px);
  transition: opacity .6s ease, transform .6s ease;
}
.reveal.visible { opacity: 1; transform: none; }

/* ── FOOTER ── */
.footer { background: var(--navy-900); padding: 72px 0 0; }
.footer-grid {
  max-width: 1180px; margin: 0 auto; padding: 0 28px 56px;
  display: grid; grid-template-columns: 2.2fr 1fr 1fr; gap: 56px;
}
.footer-logo-row { display: flex; align-items: center; gap: 11px; margin-bottom: 14px; }
.footer-logo-row .nav-logo-mark { width: 36px; height: 36px; border-radius: 7px; }
.footer-logo-row span { color: #fff; font-family: 'Sora', sans-serif; font-weight: 700; font-size: 13px; }
.footer-desc { color: rgba(255,255,255,.38); font-size: 13.5px; line-height: 1.75; margin-bottom: 22px; max-width: 290px; }
.footer-social { display: flex; gap: 8px; }
.footer-social a {
  width: 34px; height: 34px; border-radius: 7px;
  background: rgba(255,255,255,.07); color: rgba(255,255,255,.5);
  display: flex; align-items: center; justify-content: center;
  font-size: 12px; font-weight: 700; transition: .2s;
}
.footer-social a:hover { background: var(--green); color: #fff; }
.footer-col h4 {
  color: #fff; font-family: 'Sora', sans-serif; font-size: 11px;
  font-weight: 700; text-transform: uppercase; letter-spacing: .6px; margin-bottom: 14px;
}
.footer-col a { display: block; color: rgba(255,255,255,.38); font-size: 13.5px; margin-bottom: 9px; transition: color .2s; }
.footer-col a:hover { color: var(--green); }
.footer-col p { color: rgba(255,255,255,.38); font-size: 13.5px; margin-bottom: 8px; }
.footer-bar {
  border-top: 1px solid rgba(255,255,255,.07);
  padding: 20px 28px; max-width: 1180px; margin: 0 auto;
  display: flex; justify-content: space-between; align-items: center;
  font-size: 12px; color: rgba(255,255,255,.28); flex-wrap: wrap; gap: 10px;
}
.footer-bar a { color: rgba(255,255,255,.28); }
.footer-bar a:hover { color: var(--green); }

/* ── RESPONSIVE ── */
@media (max-width: 860px) {
  .hamburger { display: flex; }
  .nav-links {
    display: none; position: absolute; top: 72px; left: 0; right: 0;
    background: #fff; flex-direction: column;
    padding: 14px 20px 20px; box-shadow: 0 8px 24px rgba(0,0,0,.1);
    gap: 4px; z-index: 200;
  }
  .nav-links.open { display: flex; }
  .nav-link { padding: 12px 16px; width: 100%; font-size: 15px; }
  .nav-join { width: 100%; justify-content: center; margin-left: 0; margin-top: 6px; }
}
@media (max-width: 640px) {
  .footer-grid { grid-template-columns: 1fr; gap: 32px; }
  .form-card { padding: 28px 20px; }
  .wrap { padding: 0 18px; }
}

/* ══════════════════════════════════════════
   HOME PAGE STYLES
══════════════════════════════════════════ */
.hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden}
.hero-photo{position:absolute;inset:0}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 30%}
.hero-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(130deg,rgba(15,23,42,.93) 0%,rgba(19,42,107,.78) 48%,rgba(16,185,129,.12) 100%)}
.hero-geo{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.geo-ring{position:absolute;top:-140px;right:-140px;width:640px;height:640px;opacity:.055}
.geo-dots{position:absolute;bottom:90px;left:36px;width:160px;height:160px;opacity:.13}
.hero-inner{position:relative;z-index:2;max-width:1180px;margin:0 auto;padding:130px 28px 110px;display:grid;grid-template-columns:1fr 400px;gap:72px;align-items:center}
.hero-badge{display:inline-flex;align-items:center;gap:10px;background:rgba(16,185,129,.14);border:1px solid rgba(16,185,129,.34);color:#6ee7b7;font-family:'Sora',sans-serif;font-weight:700;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;padding:8px 20px;border-radius:100px;margin-bottom:32px;animation:badgePulse 3.5s ease-in-out infinite}
.hero-badge-dot{width:6px;height:6px;border-radius:50%;background:#6ee7b7;flex-shrink:0;animation:blink 1.6s ease-in-out infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.25}}
@keyframes badgePulse{0%,100%{box-shadow:0 0 0 0 rgba(16,185,129,.28)}50%{box-shadow:0 0 0 14px rgba(16,185,129,0)}}
.hero-title{font-size:clamp(38px,5.2vw,66px);font-weight:800;color:#fff;line-height:1.08;letter-spacing:-1px;margin-bottom:20px}
.hero-title em{font-style:normal;color:#6ee7b7}
.hero-rule{width:52px;height:3px;background:var(--green);border-radius:2px;margin-bottom:22px}
.hero-lead{font-size:18px;color:rgba(255,255,255,.7);line-height:1.78;max-width:480px;margin-bottom:42px}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap}
.hero-wave{position:absolute;bottom:-1px;left:0;right:0;height:80px;z-index:3}
.hero-wave svg{width:100%;height:100%;display:block}
.stats-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:18px;overflow:hidden;backdrop-filter:blur(20px);display:grid;grid-template-columns:1fr 1fr}
.stat-cell{padding:34px 24px;text-align:center;border-right:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09);position:relative;transition:background .25s}
.stat-cell:hover{background:rgba(255,255,255,.05)}
.stat-cell:nth-child(2),.stat-cell:nth-child(4){border-right:none}
.stat-cell:nth-child(3),.stat-cell:nth-child(4){border-bottom:none}
.stat-cell::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:var(--green);transform:scaleY(0);transform-origin:top;transition:transform .3s}
.stat-cell:hover::before{transform:scaleY(1)}
.stat-num{font-family:'Sora',sans-serif;font-weight:800;font-size:46px;color:#fff;line-height:1;letter-spacing:-1px}
.stat-label{font-size:11px;color:rgba(255,255,255,.45);font-weight:600;margin-top:8px;letter-spacing:.8px;text-transform:uppercase}
.proof-strip{background:var(--green);padding:18px 28px;position:relative;overflow:hidden}
.proof-strip::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.06);clip-path:polygon(0 0,28% 0,16% 100%,0 100%)}
.proof-inner{max-width:1180px;margin:0 auto;display:flex;justify-content:center;align-items:center;gap:48px;flex-wrap:wrap;position:relative}
.proof-item{color:#fff;font-family:'Sora',sans-serif;font-weight:600;font-size:13px;letter-spacing:.4px;display:flex;align-items:center;gap:9px}
.proof-icon{width:15px;height:15px;flex-shrink:0;opacity:.88}
.proof-sep{width:4px;height:4px;background:rgba(255,255,255,.4);transform:rotate(45deg);flex-shrink:0}
.join-section{padding:112px 0 104px;background:var(--slate);position:relative;overflow:hidden}
.join-section::before{content:'';position:absolute;top:-180px;right:-180px;width:560px;height:560px;border:72px solid rgba(30,58,138,.045);border-radius:50%;pointer-events:none}
.join-section::after{content:'';position:absolute;bottom:-90px;left:-90px;width:380px;height:380px;border:54px solid rgba(16,185,129,.05);border-radius:50%;pointer-events:none}
.join-heading{text-align:center;margin-bottom:64px;position:relative}
.join-heading .sec-p{margin:16px auto 0}
.join-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;position:relative}
.join-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--sh);transition:transform .35s cubic-bezier(.22,.68,0,1.2),box-shadow .35s}
.join-card:hover{transform:translateY(-8px);box-shadow:var(--sh-xl)}
.jc-photo{position:relative;height:260px;overflow:hidden}
.jc-photo img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.join-card:hover .jc-photo img{transform:scale(1.07)}
.jc-corner{position:absolute;top:18px;right:18px;width:38px;height:38px;opacity:.55}
.jc-photo-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;padding:28px}
.jc-overlay-navy{background:linear-gradient(to top,rgba(15,23,42,.92) 0%,rgba(15,23,42,.06) 72%)}
.jc-overlay-green{background:linear-gradient(to top,rgba(5,150,105,.92) 0%,rgba(5,150,105,.06) 72%)}
.jc-label-title{color:#fff;font-family:'Sora',sans-serif;font-weight:800;font-size:21px;line-height:1.2}
.jc-label-sub{display:block;font-size:13px;font-weight:500;color:rgba(255,255,255,.72);margin-top:4px}
.jc-body{padding:30px 32px 34px}
.jc-perks{list-style:none;margin-bottom:30px}
.jc-perks li{font-size:14.5px;color:var(--muted);padding:10px 0;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;gap:12px;line-height:1.5}
.jc-perks li:last-child{border-bottom:none}
.jc-check{width:17px;height:17px;flex-shrink:0;margin-top:2px;color:var(--green)}
.about-section{padding:112px 0;background:#fff;position:relative;overflow:hidden}
.about-section::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(30,58,138,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(30,58,138,.028) 1px,transparent 1px);background-size:52px 52px;pointer-events:none}
.about-inner{display:grid;grid-template-columns:1fr 1fr;gap:88px;align-items:center;position:relative}
.about-visual{position:relative}
.about-frame{position:absolute;top:-16px;left:-16px;right:16px;bottom:16px;border:2px solid var(--green);border-radius:20px;opacity:.22;pointer-events:none}
.about-photo{border-radius:18px;overflow:hidden;box-shadow:var(--sh-xl);position:relative}
.about-photo img{height:520px;object-fit:cover;display:block;width:100%}
.about-badge{position:absolute;bottom:-24px;right:-24px;background:#fff;border-radius:14px;padding:20px 26px;box-shadow:var(--sh-lg);display:flex;align-items:center;gap:16px;border:1px solid var(--border)}
.about-badge-num{font-family:'Sora',sans-serif;font-weight:800;font-size:40px;color:var(--navy);line-height:1;letter-spacing:-1px}
.about-badge-label{font-size:11px;color:var(--muted);font-weight:700;line-height:1.5;text-transform:uppercase;letter-spacing:.5px}
.about-text .sec-h{margin-bottom:6px}
.about-text .sec-p{margin-bottom:34px}
.about-pills{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:38px}
.pill{background:var(--slate);border:1px solid var(--border);border-radius:100px;padding:9px 20px;font-family:'Sora',sans-serif;font-weight:600;font-size:13px;color:var(--navy);transition:background .2s,border-color .2s}
.pill:hover{background:rgba(30,58,138,.07);border-color:rgba(30,58,138,.22)}
.events-section{padding:112px 0;background:var(--slate);position:relative;overflow:hidden}
.events-section::after{content:'';position:absolute;top:50%;right:-80px;transform:translateY(-50%);width:300px;height:300px;border:50px solid rgba(30,58,138,.05);border-radius:50%;pointer-events:none}
.events-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:48px;position:relative}
.events-see-all{font-family:'Sora',sans-serif;font-weight:600;font-size:13.5px;color:var(--navy);opacity:.6;transition:opacity .2s;display:flex;align-items:center;gap:6px}
.events-see-all:hover{opacity:1}
.events-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ev-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:var(--sh-sm);display:flex;border:1px solid transparent;transition:transform .25s,box-shadow .25s,border-color .25s}
.ev-card:hover{transform:translateY(-5px);box-shadow:var(--sh-lg);border-color:rgba(30,58,138,.07)}
.ev-date-col{background:var(--navy);padding:24px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:78px;flex-shrink:0;position:relative}
.ev-date-col::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:rgba(255,255,255,.14)}
.ev-date-col.green{background:var(--green-dk)}
.ev-day{font-family:'Sora',sans-serif;font-weight:800;font-size:30px;color:#fff;line-height:1}
.ev-mon{font-family:'Sora',sans-serif;font-weight:600;font-size:10px;color:rgba(255,255,255,.48);letter-spacing:1.3px;text-transform:uppercase;margin-top:5px}
.ev-info{padding:18px 22px;flex:1;display:flex;flex-direction:column}
.ev-title{font-size:15px;font-weight:700;color:var(--text);margin:9px 0 6px;line-height:1.35}
.ev-where{font-size:12.5px;color:var(--muted);display:flex;align-items:center;gap:5px}
.ev-where-icon{width:12px;height:12px;flex-shrink:0}
.ev-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:14px;border-top:1px solid var(--border)}
.ev-price{font-family:'Sora',sans-serif;font-weight:700;font-size:13px;color:var(--green-dk)}
.ev-link{font-family:'Sora',sans-serif;font-weight:600;font-size:13px;color:var(--navy);display:flex;align-items:center;gap:5px;transition:gap .15s}
.ev-link:hover{gap:9px}
.ev-arrow{width:12px;height:12px}
.quotes-section{padding:112px 0;background:var(--navy);position:relative;overflow:hidden}
.quotes-section::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:56px 56px;pointer-events:none}
.quotes-section::after{content:'';position:absolute;top:-220px;right:-220px;width:720px;height:720px;border:100px solid rgba(16,185,129,.06);border-radius:50%;pointer-events:none}
.quotes-heading{text-align:center;margin-bottom:60px;position:relative;z-index:2}
.quotes-heading .sec-h{color:#fff}
.quotes-heading .sec-p{color:rgba(255,255,255,.54);margin:16px auto 0}
.quotes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;position:relative;z-index:2}
.quote-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);border-radius:16px;padding:34px 30px;transition:background .3s,transform .25s;position:relative;overflow:hidden}
.quote-card::before{content:'';position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 44px 44px 0;border-color:transparent rgba(16,185,129,.14) transparent transparent;transition:border-color .3s}
.quote-card:hover{background:rgba(255,255,255,.10);transform:translateY(-4px)}
.quote-card:hover::before{border-color:transparent rgba(16,185,129,.26) transparent transparent}
.quote-mark{font-family:'Sora',sans-serif;font-size:52px;font-weight:800;color:var(--green);line-height:.75;margin-bottom:14px;opacity:.65}
.quote-text{font-size:15px;color:rgba(255,255,255,.78);line-height:1.76;margin-bottom:28px}
.quote-author{display:flex;align-items:center;gap:13px}
.quote-av{width:42px;height:42px;border-radius:50%;flex-shrink:0;background:var(--green);display:flex;align-items:center;justify-content:center;font-family:'Sora',sans-serif;font-weight:800;font-size:14px;color:#fff}
.quote-name{color:#fff;font-weight:700;font-size:14px}
.quote-role{color:rgba(255,255,255,.42);font-size:12.5px;margin-top:2px}
@media(max-width:1020px){.hero-inner{grid-template-columns:1fr;gap:52px}.stats-card{max-width:420px}.join-grid{grid-template-columns:1fr;max-width:520px;margin:0 auto}.about-inner{grid-template-columns:1fr;gap:64px}.about-badge{bottom:20px;right:20px}.about-frame{display:none}.events-grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}.quotes-grid{grid-template-columns:1fr;max-width:520px;margin:0 auto}}
@media(max-width:640px){.hero-inner{padding:104px 18px 88px}.hero-title{font-size:36px}.stat-num{font-size:36px}.proof-inner{gap:22px}.proof-sep{display:none}}