/* =========================================================
   NAMY PATEL — Official Website
   ========================================================= */
   *{box-sizing:border-box}
:root{
  --bg:#050816;
  --surface:#0d1425;
  --text:#f5f7fb;
  --soft:#8994aa;
  --line:rgba(255,255,255,.09);
  --accent:#60a5fa;
  --accent2:#3b82f6;
}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}
body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button{font:inherit;color:inherit}

.interests{
  position:relative;
  min-height:100vh;
  padding:clamp(80px,10vw,150px) 24px;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 48%,rgba(59,130,246,.08),transparent 30%),
    var(--bg);
}
.section-head{max-width:1180px;margin:0 auto 20px}
.eyebrow{
  margin:0 0 18px;
  color:var(--accent);
  font-size:12px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}
h1{
  margin:0;
  font-size:clamp(42px,7vw,92px);
  line-height:.98;
  letter-spacing:-.045em;
  font-weight:750;
}
h1 span{color:#00ff62}
.intro{
  max-width:480px;
  margin:26px 0 0;
  color:var(--soft);
  line-height:1.7;
  font-size:15px;
}

.orbit-system{
  position:relative;
  width:min(760px,92vw);
  aspect-ratio:1;
  margin:25px auto 0;
}
.orbit{
  position:absolute;
  inset:50%;
  border:1px solid var(--line);
  border-radius:50%;
  transform:translate(-50%,-50%);
  pointer-events:none;
}
.orbit-outer{width:72%;height:72%}
.orbit-inner{width:43%;height:43%;border-color:rgba(96,165,250,.14)}

.orbit-system:before,
.orbit-system:after{
  content:"";
  position:absolute;
  inset:50%;
  width:1px;
  height:72%;
  background:linear-gradient(transparent,var(--line),transparent);
  transform:translate(-50%,-50%);
}
.orbit-system:after{transform:translate(-50%,-50%) rotate(90deg)}

.core{
  position:absolute;
  left:50%;top:50%;
  width:145px;height:145px;
  transform:translate(-50%,-50%);
  border:2px solid rgba(96,165,250,.28);
  border-radius:50%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:rgba(187, 251, 38, 0.82);
  box-shadow:0 0 70px rgba(59,130,246,.10);
  z-index:2;
}
.core-dot{
  width:7px;height:7px;border-radius:50%;
  background:var(--accent);
  box-shadow:0 0 18px var(--accent);
  margin-bottom:12px;
}
.core strong{font-size:12px;letter-spacing:.14em}
.core small{margin-top:7px;color:var(--soft);font-size:7px;letter-spacing:.12em}

.interest-node{
  position:absolute;
  width:118px;
  min-height:62px;
  padding:10px;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(187,251,38,0.82);
  backdrop-filter:blur(10px);
  cursor:pointer;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:5px;
  text-align:left;
  transition:transform .3s ease,border-color .3s ease,background .3s ease,box-shadow .3s ease;
  z-index:3;
}
.interest-node:hover{
  transform:translateY(-4px);
  border-color:rgba(96,165,250,.55);
  background:#0e182c;
  box-shadow:0 12px 35px rgba(0,0,0,.25),0 0 30px rgba(59,130,246,.08);
}
.interest-node span:last-child{font-size:13px;font-weight:650}
.node-icon{color:var(--accent);font-size:9px!important;letter-spacing:.08em}

.node-tech{left:50%;top:1%;transform:translateX(-50%)}
.node-ai{right:7%;top:14%}
.node-xr{right:0;top:47%}
.node-ev{right:10%;bottom:12%}
.node-eng{left:50%;bottom:0;transform:translateX(-50%)}
.node-space{left:10%;bottom:12%}
.node-air{left:0;top:47%}
.node-mobility{left:7%;top:14%}

.node-tech:hover,.node-eng:hover{transform:translateX(-50%) translateY(-4px)}

.interest-detail{
  max-width:650px;
  min-height:92px;
  margin:0 auto;
  padding:22px 24px;
  display:flex;
  gap:18px;
  align-items:flex-start;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.detail-number{color:var(--accent);font-size:11px;letter-spacing:.12em;padding-top:5px}
.interest-detail h2{margin:0 0 7px;font-size:21px;letter-spacing:-.02em}
.interest-detail p{margin:0;color:var(--soft);font-size:14px;line-height:1.65}

@media(max-width:700px){
  .interests{padding:75px 18px}
  .orbit-system{width:100%;margin-top:35px}
  .orbit-outer{width:74%;height:74%}
  .orbit-inner{width:45%;height:45%}
  .interest-node{width:94px;min-height:55px;padding:8px;border-radius:11px}
  .interest-node span:last-child{font-size:11px}
  .node-ai{right:1%;top:15%}
  .node-mobility{left:1%;top:15%}
  .node-xr{right:-1%;top:47%}
  .node-air{left:-1%;top:47%}
  .node-ev{right:4%;bottom:14%}
  .node-space{left:4%;bottom:14%}
  .core{width:115px;height:115px}
  .core strong{font-size:10px}
  .core small{font-size:6px}
  .interest-detail{margin-top:5px}
}

:root{
  --bg: #050816;
  --surface: #0E1628;
  --surface-2: #121b31;
  --primary: #3B82F6;
  --accent: #60A5FA;
  --text: #F5F7FB;
  --text-soft: #9AA4B8;
  --border: rgba(255,255,255,0.08);
  --font-display: 'Inter Tight', 'Inter', sans-serif;
  --font-body: 'Inter', sans-serif;
  --ease: cubic-bezier(.16,.84,.44,1);
  --container: 1180px;
  color-scheme: dark;
}

body.theme-light{
  --bg: #F6F7FB;
  --surface: #FFFFFF;
  --surface-2: #EEF1F8;
  --primary: #2F6FE0;
  --accent: #3B82F6;
  --text: #0B1220;
  --text-soft: #5B6577;
  --border: rgba(11,18,32,0.08);
  color-scheme: light;
}

*,*::before,*::after{ box-sizing: border-box; }
html{ scroll-behavior: auto; }
body{
  margin:0;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  transition: background .5s var(--ease), color .5s var(--ease);
}
img{ max-width:100%; display:block; }
a{ color: inherit; text-decoration:none; }
button{ font-family: inherit; cursor:pointer; background:none; border:none; color: inherit; }
ul{ list-style:none; margin:0; padding:0; }
::selection{ background: var(--primary); color:#fff; }

::-webkit-scrollbar{ width:10px; }
::-webkit-scrollbar-track{ background: var(--bg); }
::-webkit-scrollbar-thumb{ background: var(--surface-2); border-radius: 10px; border: 2px solid var(--bg); }
::-webkit-scrollbar-thumb:hover{ background: var(--primary); }

@media (prefers-reduced-motion: reduce){
  *{ animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; scroll-behavior: auto !important; }
}

:focus-visible{ outline: 2px solid var(--accent); outline-offset: 3px; }

.section{
  max-width: var(--container);
  margin: 0 auto;
  padding: clamp(90px, 14vw, 190px) 24px;
}
.eyebrow{
  font-family: var(--font-display);
  font-size: 13px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--primary);
  font-weight: 600;
  margin: 0 0 22px;
}
.section-title{
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(28px, 4vw, 46px);
  line-height: 1.15;
  letter-spacing: -0.01em;
  max-width: 780px;
  margin: 0 0 60px;
}

/* =============== LOADER =============== */
#loader{
  position: fixed; inset:0; z-index: 999;
  background: #050816;
  display:flex; align-items:center; justify-content:center;
}
#robot-loader{
  width: min(180px, 48vw);
  height: auto;
  opacity: 0;
}
.robot-svg{
  width: 100%;
  height: auto;
  display: block;
  overflow: visible;
}
/* Legs walking / bouncing in place */
.robot-leg{
  transform-box: fill-box;
  transform-origin: top center;
}
.robot-leg-left{
  animation: leg-step-l 0.5s ease-in-out infinite;
}
.robot-leg-right{
  animation: leg-step-r 0.5s ease-in-out infinite;
}
@keyframes leg-step-l{
  0%, 100% { transform: translateY(0) rotate(0deg); }
  50%      { transform: translateY(-8px) rotate(-6deg); }
}
@keyframes leg-step-r{
  0%, 100% { transform: translateY(-8px) rotate(6deg); }
  50%      { transform: translateY(0) rotate(0deg); }
}
/* Progress text styling */
#loader-progress{
  font-variant-numeric: tabular-nums;
}
/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
  .robot-leg-left,
  .robot-leg-right{
    animation: none !important;
  }
}

/* =============== SCROLL PROGRESS =============== */
#scroll-progress{
  position: fixed; top:0; left:0; height:2px; width:0%;
  background: linear-gradient(90deg, var(--primary), var(--accent));
  z-index: 950;
}

/* =============== NAVBAR =============== */
#navbar{
  position: fixed; top:0; left:0; right:0; z-index: 500;
  display:flex; align-items:center; justify-content:space-between;
  padding: 20px 40px;
  backdrop-filter: blur(14px);
  background: color-mix(in srgb, var(--bg) 70%, transparent);
  border-bottom: 1px solid transparent;
  transition: border-color .4s var(--ease), background .4s var(--ease), padding .3s var(--ease);
}
#navbar.scrolled{ border-color: var(--border); padding: 14px 40px; }
.nav-logo{ font-family: var(--font-display); font-weight:800; letter-spacing:.02em; font-size:15px; }
.nav-links{ display:flex; gap: 34px; }
.nav-links a{
  font-size: 13.5px; color: var(--text-soft); font-weight:500; letter-spacing:.01em;
  position: relative; padding-bottom: 3px;
  transition: color .3s var(--ease);
}
.nav-links a::after{
  content:''; position:absolute; left:0; bottom:0; width:0; height:1px; background: var(--primary);
  transition: width .3s var(--ease);
}
.nav-links a:hover{ color: var(--text); }
.nav-links a:hover::after{ width:100%; }
.nav-actions{ display:flex; align-items:center; gap: 14px; }

#theme-toggle{
  width:38px; height:38px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  border:1px solid var(--border); color: var(--text-soft);
  transition: color .3s, border-color .3s, transform .3s;
}
#theme-toggle:hover{ color: var(--primary); border-color: var(--primary); }
#theme-toggle svg{ width:17px; height:17px; }
.icon-sun{ display:none; }
body.theme-light .icon-sun{ display:block; }
body.theme-light .icon-moon{ display:none; }

#nav-toggle{ display:none; flex-direction:column; gap:5px; width:34px; height:34px; align-items:center; justify-content:center; }
#nav-toggle span{ width:20px; height:1.5px; background: var(--text); transition: all .3s var(--ease); }

#mobile-menu{
  position: fixed; top:0; right:0; height:100vh; width: min(320px, 84vw);
  background: var(--surface); z-index: 480;
  display:flex; flex-direction:column; gap: 4px; padding: 100px 32px 40px;
  transform: translateX(100%); transition: transform .5s var(--ease);
  border-left: 1px solid var(--border);
}
#mobile-menu.open{ transform: translateX(0); }
#mobile-menu a{ padding: 14px 0; font-family: var(--font-display); font-size: 20px; border-bottom: 1px solid var(--border); }

/* =============== OPENING =============== */
#opening{
  height: 100vh; display:flex; align-items:center; justify-content:center; text-align:center;
  position: relative;
}
.opening-inner{ display:flex; flex-direction:column; align-items:center; gap: 26px; }
.opening-title{
  font-family: var(--font-display); font-weight: 800;
  font-size: clamp(48px, 10vw, 128px);
  letter-spacing: -0.02em; margin:0; opacity:0; transform: translateY(24px);
  line-height: 1;
}
.opening-role{
  display:flex; gap: 22px; margin:0; opacity:0;
  font-size: 14px; letter-spacing:.1em; text-transform:uppercase; color: var(--text-soft);
}
.opening-role span:not(:last-child)::after{ content:'·'; margin-left:22px; color: var(--primary); }

/* =============== EDITORIAL (Intro / Vision) =============== */
.editorial-grid{
  display:grid; grid-template-columns: 1.1fr 1fr; gap: 60px; align-items:start;
}
.editorial-grid h2{
  font-family: var(--font-display); font-weight:600;
  font-size: clamp(26px, 3.4vw, 40px); line-height:1.35; letter-spacing:-.01em; margin:0;
}
.intro-lead{ display:flex; flex-direction:column; gap: 32px; }
.intro-portrait{
  width: 96px; height: 96px; border-radius: 50%; overflow:hidden;
  border: 1px solid var(--border); background: var(--surface);
}
.intro-portrait img{ width:100%; height:100%; object-fit: cover; }
.editorial-body p{
  font-size: 16.5px; line-height: 1.8; color: var(--text-soft); margin: 0 0 22px; max-width: 480px;
}
.vision-items{ margin-top: 8px; }
.vision-items li{
  font-family: var(--font-display); font-size: 20px; font-weight:600; color: var(--text);
  padding: 14px 0; border-bottom: 1px solid var(--border);
}
.vision-items li:first-child{ border-top: 1px solid var(--border); }

/* =============== FIELD GRID =============== */
.field-grid{ display:grid; grid-template-columns: repeat(2, 1fr); gap: 1px; background: var(--border); border: 1px solid var(--border); }
.field-card{
  background: var(--bg); padding: 34px 30px; display:flex; align-items:center; justify-content:space-between;
  text-align:left; transition: background .35s var(--ease);
}
.field-card:hover{ background: var(--surface); }
.field-name{ font-family: var(--font-display); font-size: clamp(17px,2vw,21px); font-weight:600; }
.field-arrow{ color: var(--primary); font-size: 18px; transform: translateX(0); transition: transform .3s var(--ease); }
.field-card:hover .field-arrow{ transform: translateX(6px); }

#field-overlay{
  position: fixed; inset:0; background: var(--bg); z-index: 700;
  display:flex; align-items:center; justify-content:center; padding: 40px;
  opacity:0; visibility:hidden; transition: opacity .4s var(--ease), visibility .4s;
}
#field-overlay.open{ opacity:1; visibility:visible; }
#field-close{ position:absolute; top:28px; right:32px; font-size:20px; color: var(--text-soft); }
#field-close:hover{ color: var(--primary); }
#field-content{ max-width: 640px; text-align:center; }
#field-content .field-overlay-title{ font-family: var(--font-display); font-size: clamp(26px,4vw,40px); font-weight:700; margin:0 0 20px; }
#field-content .field-overlay-body{ color: var(--text-soft); font-size: 17px; line-height:1.8; }

/* =============== JOURNEY =============== */
.timeline-wrap{ overflow-x:auto; padding-bottom: 20px; -webkit-overflow-scrolling: touch; }
.timeline-track{ display:flex; align-items:center; gap: 54px; position:relative; min-width: max-content; padding: 20px 4px; }
.timeline-line{ position:absolute; left:0; right:0; top:50%; height:1px; background: var(--border); z-index:0; }
.timeline-node{ position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; gap:14px; }
.timeline-node::before{ content:''; width:10px; height:10px; border-radius:50%; background: var(--surface); border: 2px solid var(--primary); }
.timeline-node span{ font-family: var(--font-display); font-size: 14px; white-space:nowrap; color: var(--text-soft); }
.timeline-node.highlight::before{ background: var(--primary); box-shadow: 0 0 0 6px color-mix(in srgb, var(--primary) 18%, transparent); }
.timeline-node.highlight span{ color: var(--text); font-weight:600; }

/* =============== THINKING =============== */
.thinking-section{ text-align:center; }
.thought-track{ display:flex; flex-direction:column; gap: clamp(40px,7vw,90px); }
.thought{
  font-family: var(--font-display); font-weight:700; letter-spacing:-.01em;
  font-size: clamp(24px, 5vw, 52px); margin:0; color: var(--text-soft);
  transition: color .5s var(--ease);
}
.thought.is-active{ color: var(--text); }

/* =============== GALLERY =============== */
.gallery-grid{ display:grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
.gallery-item{
  aspect-ratio: 1/1; border-radius: 12px; background: var(--img) center/cover no-repeat, var(--surface);
  border:1px solid var(--border); transition: transform .4s var(--ease), filter .4s var(--ease);
  box-shadow: 5px 5px 0 0 lime;

}
.gallery-item:hover{ transform: scale(1.02); filter: brightness(1.08); }

#lightbox{
  position:fixed; inset:0; background: rgba(2,4,10,.92); z-index: 800;
  display:flex; align-items:center; justify-content:center; padding: 40px;
  opacity:0; visibility:hidden; transition: opacity .35s var(--ease), visibility .35s;
}
#lightbox.open{ opacity:1; visibility:visible; }
#lightbox img{ max-width: min(900px, 90vw); max-height: 82vh; border-radius: 10px; }
#lightbox-close{ position:absolute; top:28px; right:32px; color:#fff; font-size:20px; }

/* =============== BEHIND THE WORK =============== */
.behind-section{ text-align:center; }
.behind-inner{ max-width: 700px; margin:0 auto; }
.behind-inner h2{ font-family: var(--font-display); font-weight:700; font-size: clamp(28px,4vw,44px); margin: 0 0 22px; }
.behind-copy{ color: var(--text-soft); font-size: 16.5px; line-height:1.8; margin: 0 0 40px; }
.btn-outline{
  padding: 14px 30px; border: 1px solid var(--border); border-radius: 999px;
  font-family: var(--font-display); font-size: 14px; font-weight:600;
  transition: border-color .3s, color .3s, background .3s;
}
.btn-outline:hover{ border-color: var(--primary); color: var(--primary); }

#behind-cards{
  max-height:0; overflow:hidden; opacity:0; transition: max-height .6s var(--ease), opacity .5s var(--ease), margin-top .6s var(--ease);
  display:grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--border); border: 1px solid transparent;
  text-align:left; margin-top: 0;
}
#behind-cards.open{ max-height: 500px; opacity:1; margin-top: 44px; border-color: var(--border); }
.behind-card{ background: var(--bg); padding: 32px; }
.behind-label{ font-family: var(--font-display); font-size:12px; color: var(--primary); letter-spacing:.1em; text-transform:uppercase; font-weight:600; }
.behind-card h3{ font-family: var(--font-display); font-size: 18px; font-weight:600; margin: 12px 0 10px; line-height:1.4; }
.behind-card p{ color: var(--text-soft); font-size: 14.5px; line-height:1.7; margin:0; }

/* =============== CONTACT =============== */
.contact-section{ max-width: 680px; }
.contact-copy{ color: var(--text-soft); font-size:16.5px; line-height:1.8; max-width: 480px; margin: -30px 0 48px; }
.contact-form{ display:flex; flex-direction:column; gap: 22px; }
.form-row{ display:flex; flex-direction:column; gap: 8px; }
.form-row label{ font-family: var(--font-display); font-size: 13px; letter-spacing:.04em; color: var(--text-soft); }
.form-row input, .form-row textarea{
  background: var(--surface); border: 1px solid var(--border); border-radius: 10px;
  padding: 14px 16px; color: var(--text); font-family: var(--font-body); font-size: 15px;
  transition: border-color .3s, background .3s; resize: vertical;
}
.form-row input:focus, .form-row textarea:focus{ border-color: var(--primary); background: var(--surface-2); outline:none; }
.btn-primary{
  margin-top: 10px; align-self:flex-start; padding: 15px 34px; border-radius: 999px;
  background: var(--primary); color: #fff; font-family: var(--font-display); font-weight:600; font-size: 14.5px;
  position: relative; overflow:hidden; transition: background .3s, transform .2s;
}
.btn-primary:hover{ background: var(--accent); transform: translateY(-1px); }
.btn-primary .btn-loading{ display:none; }
.btn-primary.loading .btn-label{ display:none; }
.btn-primary.loading .btn-loading{ display:inline; }
#form-success, #form-error{ display:none; font-size: 14px; margin: 4px 0 0; }
#form-success{ color: #4ADE80; }
#form-error{ color: #F87171; }
.contact-form.state-success #form-success{ display:block; }
.contact-form.state-error #form-error{ display:block; }

/* =============== FOOTER =============== */
#footer{ border-top: 1px solid var(--border); padding: 70px 24px 40px; }
.footer-inner{ max-width: var(--container); margin: 0 auto; }
.footer-brand{ display:flex; align-items:baseline; gap: 16px; flex-wrap:wrap; }
.footer-name{ font-family: var(--font-display); font-weight:800; font-size: 22px; letter-spacing:.01em; }
.footer-role{ font-size: 13px; color: var(--text-soft); }
.footer-tagline{ color: var(--text-soft); font-size: 14.5px; max-width: 420px; margin: 18px 0 32px; line-height:1.7; }
.footer-social{ display:flex; gap: 22px; margin-bottom: 34px; }
.footer-social a{ font-family: var(--font-display); font-size: 13.5px; font-weight:600; color: var(--text-soft); transition: color .3s; }
.footer-social a:hover{ color: var(--primary); }
.footer-bottom{ display:flex; justify-content:space-between; align-items:center; font-size: 13px; color: var(--text-soft); border-top: 1px solid var(--border); padding-top: 24px; }
.footer-links a{ color: var(--text-soft); transition: color .3s; }
.footer-links a:hover{ color: var(--primary); }

/* =============== WHATSAPP BUTTON =============== */
#whatsapp-btn{
  position: fixed; bottom: 26px; right: 26px; width: 54px; height:54px; border-radius:50%;
  background: #25D366; display:flex; align-items:center; justify-content:center; z-index: 600;
  box-shadow: 0 8px 24px rgba(0,0,0,.35); transition: transform .3s var(--ease);
}
#whatsapp-btn svg{ width: 26px; height:26px; color:#fff; }
#whatsapp-btn:hover{ transform: scale(1.08); }

/* =============== SCROLL REVEALS (base state) =============== */
.reveal-lines, .reveal-up{ opacity: 0; transform: translateY(28px); }

/* =============== RESPONSIVE =============== */
@media (max-width: 900px){
  .nav-links{ display:none; }
  #nav-toggle{ display:flex; }
  .editorial-grid{ grid-template-columns: 1fr; }
  .field-grid{ grid-template-columns: 1fr; }
  .gallery-grid{ grid-template-columns: repeat(2,1fr); }
  #behind-cards.open{ grid-template-columns: 1fr; }
  .footer-bottom{ flex-direction:column; gap: 14px; align-items:flex-start; }
}
@media (max-width: 560px){
  #navbar{ padding: 16px 20px; }
  .section{ padding: 80px 20px; }
  .opening-role{ flex-direction:column; gap: 8px; }
  .opening-role span::after{ display:none; }
  .gallery-grid{ grid-template-columns: repeat(2,1fr); }
}

/* =============== FOOTER PROFILES =============== */
.footer-profiles{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap: 22px 28px;
  margin-bottom: 34px;
}
.founders-badge{
  display:inline-flex;
  border-radius: 10px;
  overflow:hidden;
  border: 1px solid var(--border);
  line-height: 0;
  background: #0b1020;
  transition: transform .3s var(--ease), border-color .3s var(--ease);
}
.founders-badge:hover{
  transform: translateY(-2px);
  border-color: var(--primary);
}
.founders-badge img{
  display:block;
  width: 240px;
  height: 56px;
}
.footer-social{
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  margin-bottom: 0;
}
.footer-social a{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 9px 14px;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: var(--surface);
  font-family: var(--font-display);
  font-size: 13px;
  font-weight: 600;
  color: var(--text-soft);
  transition: color .3s, border-color .3s, transform .3s var(--ease), background .3s;
}
.footer-social a svg{
  width: 15px;
  height: 15px;
  flex: 0 0 auto;
}
.footer-social a:hover{
  color: var(--text);
  border-color: var(--primary);
  background: var(--surface-2);
  transform: translateY(-2px);
}
@media (max-width: 560px){
  .founders-badge img{ width: min(240px, 100%); height: auto; }
}