html,body{max-width:100%;overflow-x:clip}
body.menu-open{overflow:hidden}
[hidden]{display:none!important}

.beta-notice{background:var(--cobalt-tint);color:var(--cobalt-deep);border-bottom:1px solid var(--line);position:relative;z-index:70}
.beta-notice__inner{max-width:1120px;margin:0 auto;padding:4px 18px;display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:8px}
.beta-notice__copy{font-size:13px;line-height:1.4;font-weight:500}
.beta-notice__copy strong{font-weight:700}
.beta-notice__copy a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;font-weight:700;white-space:nowrap}
.beta-notice__close{width:44px;height:44px;display:grid;place-items:center;border:0;background:transparent;color:var(--cobalt-deep);border-radius:8px;cursor:pointer}
.beta-notice__close svg{width:18px;height:18px}
.beta-badge{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:4px 9px;border:1px solid rgba(255,181,36,.55);border-radius:999px;background:var(--citrus-tint);color:#7A5800;font-family:var(--font-b);font-size:12px;font-weight:700;line-height:1;letter-spacing:.6px}
.mobile-menu-toggle,.mobile-menu{display:none}

.beta-footer-line{margin-top:6px;color:var(--ink-soft);font-size:13px;font-weight:600}
.demo-notice{display:flex;align-items:flex-start;gap:10px;margin:4px 0 14px;padding:13px 15px;border:1px solid #BFD0FF;border-radius:14px;background:var(--cobalt-tint);color:var(--cobalt-deep);font-size:14px;line-height:1.45}
.demo-notice svg{width:20px;height:20px;flex:0 0 auto;margin-top:1px}
.demo-notice strong{font-weight:700}
.app-footer{padding:4px 20px 34px;color:var(--ink-faint);font-size:13px;line-height:1.55}
.app-footer a{text-decoration:underline}

a,button,input,textarea,select{-webkit-tap-highlight-color:transparent}
.btn,.nav-cta,.a-cta{min-height:44px;align-items:center;justify-content:center}
img,svg{max-width:100%}

@media(max-width:800px){
  .beta-notice__inner{padding:2px 10px 2px 12px;gap:4px}
  .beta-notice__copy{font-size:12px;line-height:1.3}
  nav.site-nav .nav-in{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:10px 12px}
  nav.site-nav .brand,nav.site-nav .logo{min-width:0;gap:8px;font-size:16px;white-space:nowrap}
  nav.site-nav .brand .mark{width:34px;height:34px}
  nav.site-nav .monogram{width:36px;height:36px;flex:0 0 auto}
  nav.site-nav .nav-links,nav.site-nav .nav-in>.nav-cta{display:none}
  .mobile-menu-toggle{display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(185,196,220,.45);border-radius:10px;background:transparent;color:inherit;cursor:pointer}
  body[data-page="jlinked"] .mobile-menu-toggle{border-color:var(--line);color:var(--ink)}
  .mobile-menu-toggle svg{width:22px;height:22px}
  .mobile-menu{position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - 58px - env(safe-area-inset-top,0px));overflow-y:auto;padding:10px 14px calc(16px + env(safe-area-inset-bottom,0px));background:var(--ink);border-top:1px solid #28395f;box-shadow:0 16px 30px rgba(14,27,51,.2)}
  body[data-page="jlinked"] .mobile-menu{background:var(--paper);border-color:var(--line)}
  .mobile-menu:not([hidden]){display:grid;gap:4px}
  .mobile-menu a{display:flex;align-items:center;min-height:44px;padding:9px 12px;border-radius:10px;color:#fff;font-size:16px;font-weight:600}
  body[data-page="jlinked"] .mobile-menu a{color:var(--ink)}
  .mobile-menu a:hover,.mobile-menu a:focus-visible{background:rgba(255,255,255,.1)}
  body[data-page="jlinked"] .mobile-menu a:hover,body[data-page="jlinked"] .mobile-menu a:focus-visible{background:var(--card)}
  .mobile-menu .mobile-primary{margin-top:6px;justify-content:center;background:var(--citrus);color:var(--ink)}
  body[data-page="jlinked"] .mobile-menu .mobile-primary{background:var(--cobalt);color:#fff}

  body{font-size:16px}
  .wrap{padding-left:16px;padding-right:16px}
  section.pad{padding-top:56px;padding-bottom:56px}
  h1,.hero h1{letter-spacing:0;font-size:clamp(34px,11vw,46px)}
  h2.sec{letter-spacing:0;font-size:clamp(28px,8vw,38px)}
  .hero{padding-top:52px;padding-bottom:52px}
  .hero p,.hero p.lede,p.sec-sub,.manifesto p{font-size:16px}
  .src,.stat .lbl,.kicker,.eyebrow,.ans .n,.charter-note,.aud .a-tag,.final-cta .note,.photo .soon,.f-role,.f-quote small,.q-who small{font-size:12px}
  .ans p,.pledge p,.feature p,.s-card p,.aud li,.how p,.founder p{font-size:16px}
  .stat-strip{margin-top:40px}
  .footer-cta,.final-cta,.origin{padding:38px 20px;border-radius:20px}
  footer{font-size:12px;padding-bottom:calc(44px + env(safe-area-inset-bottom,0px))}
  .foot-in{align-items:flex-start}
  .foot-links{gap:4px 12px}
  .foot-links a{display:flex;align-items:center;min-height:44px}
  .founder{grid-template-columns:1fr;padding:22px 18px;border-radius:20px;gap:24px}
  .founder .photo{width:min(220px,100%);border-radius:50%;margin:0 auto}
  .pledge{padding:20px}
}

@media(max-width:380px){
  nav.site-nav .nav-in{gap:6px;padding-left:10px;padding-right:10px}
  nav.site-nav .brand,nav.site-nav .logo{font-size:15px}
  nav.site-nav .brand .mark{width:31px;height:31px}
  .beta-badge{padding-left:7px;padding-right:7px}
  .hero-ctas,.charter-cta,.origin .links{display:grid;grid-template-columns:1fr}
  .hero-ctas .btn,.charter-cta .btn,.origin .links .btn{width:100%}
}

body[data-page="app"] .shell{min-height:100vh;min-height:100dvh}
body[data-page="app"] header.top{display:grid;grid-template-columns:minmax(0,1fr) auto auto}
body[data-page="app"] .pilot{margin-left:0;white-space:nowrap;font-size:12px}
body[data-page="app"] .app-footer{max-width:1040px;margin:0 auto;width:100%}

@media(max-width:860px){
  body[data-page="app"]{font-size:16px}
  body[data-page="app"] header.top{padding:12px 14px 8px;gap:8px}
  body[data-page="app"] .logo{min-width:0;font-size:17px;gap:8px}
  body[data-page="app"] .monogram{width:36px;height:36px;flex:0 0 auto}
  body[data-page="app"] main{padding:8px 14px calc(126px + env(safe-area-inset-bottom,0px))}
  body[data-page="app"] nav.tabs{min-height:72px;padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px))}
  body[data-page="app"] nav.tabs button{min-width:0;min-height:54px;padding:5px 6px;font-size:12px;line-height:1.1;justify-content:center}
  body[data-page="app"] .radar-wrap{grid-template-columns:minmax(0,1fr)}
  body[data-page="app"] .radar-panel{min-width:0;padding:16px;border-radius:18px}
  body[data-page="app"] .radar-loc,body[data-page="app"] .age-row label,body[data-page="app"] .age-note,body[data-page="app"] .verified,body[data-page="app"] .chip,body[data-page="app"] .result-count,body[data-page="app"] .post-tag,body[data-page="app"] .mod-badge,body[data-page="app"] .lock-row .l-desc,body[data-page="app"] .lock-pill,body[data-page="app"] .hint,body[data-page="app"] .consent-note{font-size:12px}
  body[data-page="app"] .radar-svg text,body[data-page="app"] .blip text{font-size:12px}
  body[data-page="app"] .jc-desc,body[data-page="app"] .post-body,body[data-page="app"] .consent-card,body[data-page="app"] .no-dm,body[data-page="app"] .safety-strip span{font-size:16px}
  body[data-page="app"] .filters button,body[data-page="app"] .post-actions button,body[data-page="app"] .btn-save,body[data-page="app"] .avail-grid button{min-height:44px;font-size:12px}
  body[data-page="app"] .jc-actions{flex-wrap:wrap}
  body[data-page="app"] .jc-actions .btn-primary{flex:1 1 190px}
  body[data-page="app"] .btn-save{margin-left:0;padding:8px 10px}
  body[data-page="app"] .field input,body[data-page="app"] .field textarea,body[data-page="app"] .field select{min-height:44px;font-size:16px}
  body[data-page="app"] .overlay{align-items:start;overflow-y:auto;padding:12px 12px calc(88px + env(safe-area-inset-bottom,0px))}
  body[data-page="app"] .modal{max-height:calc(100dvh - 112px - env(safe-area-inset-bottom,0px));padding:20px 16px;border-radius:18px;margin:auto 0;overscroll-behavior:contain}
  body[data-page="app"] .app-footer{padding:0 14px calc(104px + env(safe-area-inset-bottom,0px));font-size:12px}
  body[data-page="app"] .pc-head{align-items:flex-start}
  body[data-page="app"] .pc-avatar{width:60px;height:60px;flex:0 0 auto}
}

@media(max-width:380px){
  body[data-page="app"] header.top{grid-template-columns:minmax(0,1fr) auto}
  body[data-page="app"] header.top .pilot{grid-column:1/-1;justify-self:start;margin-left:44px}
  body[data-page="app"] .avail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-page="app"] .modal-actions{flex-direction:column-reverse}
  body[data-page="app"] .modal-actions .btn{width:100%}
  body[data-page="app"] .lock-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
  body[data-page="app"] .post-actions{gap:2px;justify-content:space-between}
  body[data-page="app"] .post-actions button{padding:4px}
}