@font-face{font-family:"Geist Pixel Circle";src:url("fonts/GeistPixel-Circle.woff2") format("woff2");font-weight:400;font-display:swap}
:root{--bg:#000000;--text:#ffffff;--muted:#8e8e8e;--nav-text:#2e2e2e;--pill-dark:#28282a;--sign-in-text:#c8c8c8;--nav-shadow:0 4px 14px rgba(0,0,0,.16);--trust-bg:#28282a;--trust-border:rgba(255,255,255,.4);--trust-text:#c4c2c3;--font-sans:"Inter","Segoe UI",system-ui,sans-serif;--font-display:"BubbledotICG-FinePos","Geist Pixel Circle",monospace}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#000}body{height:100vh;height:100dvh;overflow:hidden;color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{font:inherit}.bg{position:absolute;inset:0;background:#000;overflow:hidden;z-index:0}.bg-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:0;opacity:.78}.bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.22) 42%,rgba(0,0,0,.64));z-index:0;pointer-events:none}.page{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:clamp(16px,2.4vh,28px) clamp(14px,3vw,32px);height:100vh;height:100dvh;overflow:hidden}.header{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:clamp(18px,2.8vw,28px);width:min(100%,720px);z-index:3;animation:slideDown .7s cubic-bezier(.22,1,.36,1) both}.logo{display:grid;place-items:center;flex-shrink:0;width:clamp(40px,4.4vw,46px);height:clamp(40px,4.4vw,46px);border-radius:50%;background:#fff;box-shadow:var(--nav-shadow);transition:transform .25s}.logo:hover{transform:scale(1.04)}.logo img{display:block;width:72%;height:72%;object-fit:contain}.nav{display:flex;align-items:center;justify-content:space-around;gap:0;flex:1;max-width:430px;height:clamp(44px,5.2vw,48px);padding:4px 8px;background:#fff;border-radius:999px;box-shadow:var(--nav-shadow)}.nav a{position:relative;display:flex;align-items:center;justify-content:center;height:100%;padding:0 9px;color:var(--nav-text);font-size:clamp(13px,1.4vw,15px);font-weight:500;letter-spacing:-.01em;white-space:nowrap;opacity:.5;transition:opacity .2s}.nav a:hover{opacity:.75}.nav a.active{opacity:1}.nav a.active:after{content:"";position:absolute;bottom:5px;left:50%;width:3px;height:3px;border-radius:50%;background:#000;transform:translateX(-50%);box-shadow:-5px 0 #000,5px 0 #000}.signin{height:clamp(44px,5.2vw,48px);display:flex;align-items:center;justify-content:center;padding:0 22px;border-radius:999px;background:var(--pill-dark);color:var(--sign-in-text);font-size:13px;font-weight:500;box-shadow:var(--nav-shadow);transition:background .2s,color .2s,transform .2s;white-space:nowrap}.signin:hover{background:#323234;color:#fff;transform:translateY(-1px)}.burger{display:none}.hero{position:relative;z-index:1;flex:1;min-height:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px 0 24px}.trust{--trust-size:clamp(36px,4.5vw,42px);display:flex;align-items:center;justify-content:center;margin-bottom:clamp(16px,2.5vh,26px);animation:reveal .85s cubic-bezier(.22,1,.36,1) .05s both}.avatar{position:relative;z-index:1;display:grid;place-items:center;flex-shrink:0;width:var(--trust-size);height:var(--trust-size);padding:5px;border:1px solid var(--trust-border);border-radius:50%;background:var(--trust-bg);transition:transform .35s}.avatar .inner{width:100%;height:100%;border-radius:50%;background:#fff;display:grid;place-items:center;color:#111;font-size:calc(var(--trust-size)*.34)}.avatar:nth-child(1):hover{transform:translateY(-2px)}.avatar:nth-child(2){z-index:2;margin-left:calc(var(--trust-size)*-.42)}.avatar:nth-child(2):hover{transform:translateY(-4px)}.avatar:nth-child(3){z-index:4;margin-left:calc(var(--trust-size)*-.42)}.avatar:nth-child(3):hover{transform:translateY(-2px)}.trust-pill{position:relative;z-index:3;display:flex;align-items:center;height:var(--trust-size);margin-left:calc(var(--trust-size)*-.42);padding:0 15px 0 calc(var(--trust-size)*.58);border:1px solid var(--trust-border);border-radius:999px;background:var(--trust-bg);color:var(--trust-text);font-size:clamp(12px,1.4vw,13.5px);font-weight:500;white-space:nowrap}.headline{margin:0;color:#fff;font-family:var(--font-display);font-size:clamp(28px,6.2vw,80px);font-weight:400;letter-spacing:-.04em;line-height:1.12;white-space:nowrap;max-width:100%;overflow:hidden}.headline span{display:block;opacity:0;transform:translateY(14px);animation:headlineFade .85s cubic-bezier(.22,1,.36,1) forwards}.headline span:nth-child(1){animation-delay:.12s}.headline span:nth-child(2){animation-delay:.3s}.subhead{max-width:min(500px,92%);margin:clamp(13px,2vh,20px) 0 0;color:#d0d0d0;opacity:.8;font-size:clamp(calc(13.5px + 2pt),calc(1.55vw + 2pt),calc(16.5px + 2pt));font-weight:400;line-height:1.55;animation:reveal .85s cubic-bezier(.22,1,.36,1) .28s both}.cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:clamp(18px,2.7vh,28px);padding:clamp(11px,1.6vh,13px) clamp(22px,3vw,28px);border-radius:999px;background:#fff;color:#000;font-size:clamp(13.5px,1.5vw,14.5px);font-weight:600;box-shadow:0 0 0 1px rgba(255,255,255,.15),0 0 22px rgba(255,255,255,.32),0 0 44px rgba(255,255,255,.12);transition:transform .25s,box-shadow .25s;animation:revealPulse .85s cubic-bezier(.22,1,.36,1) .4s both}.cta:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 0 0 1px rgba(255,255,255,.25),0 0 28px rgba(255,255,255,.42),0 0 54px rgba(255,255,255,.2)}.stats{position:relative;z-index:1;flex-shrink:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,4vw,56px);width:min(100%,920px);padding:15px 0 0}.stat{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:11px;row-gap:1px;animation:reveal .85s cubic-bezier(.22,1,.36,1) var(--d) both}.stat-icon{grid-row:1/3;color:#fff;font-family:var(--font-display);font-size:clamp(22px,3vw,33px);line-height:1}.stat-value{font-size:clamp(18px,2.2vw,26px);font-weight:500;letter-spacing:-.025em;font-variant-numeric:tabular-nums;line-height:1.2}.stat-label{color:var(--muted);font-size:clamp(11px,1.2vw,12.5px);white-space:nowrap}.mobile-menu{display:none;z-index:5}.github{position:fixed;right:clamp(14px,2vw,26px);bottom:clamp(14px,2vw,24px);z-index:2;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.23);border-radius:50%;background:rgba(40,40,42,.75);color:#fff;font-size:17px;backdrop-filter:blur(10px);transition:background .2s,transform .2s}.github:hover{background:#fff;color:#000;transform:translateY(-2px)}.page-link{position:fixed;left:clamp(14px,2vw,26px);bottom:clamp(14px,2vw,24px);z-index:2;color:rgba(255,255,255,.7);font-size:11px;letter-spacing:.04em}.page-link:hover{color:#fff}
@keyframes slideDown{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:none}}@keyframes reveal{from{opacity:0;transform:translateY(22px) scale(.98);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes headlineFade{to{opacity:1;transform:none}}@keyframes revealPulse{0%{opacity:0;transform:translateY(22px) scale(.94);filter:blur(6px)}75%{opacity:1;transform:translateY(-1px) scale(1.015);filter:blur(0)}100%{opacity:1;transform:none;filter:blur(0)}}@keyframes overlayIn{from{opacity:0}to{opacity:1}}@keyframes menuIn{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}@keyframes linkIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:720px){.page{justify-content:stretch;padding:16px 18px 18px}.header{justify-content:space-between;width:100%;gap:12px}.logo{width:48px;height:48px}.nav,.header>.signin{display:none}.burger{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:48px;height:48px;border:0;border-radius:50%;background:#28282a;color:#fff;box-shadow:var(--nav-shadow);cursor:pointer}.burger span{display:block;width:18px;height:1.5px;border-radius:2px;background:#fff;transition:transform .25s,background .25s}.burger[aria-expanded=true]{background:#fff}.burger[aria-expanded=true] span{background:#000}.burger[aria-expanded=true] span:first-child{transform:translateY(5.5px) rotate(45deg)}.burger[aria-expanded=true] span:nth-child(2){opacity:0}.burger[aria-expanded=true] span:last-child{transform:translateY(-5.5px) rotate(-45deg)}.hero{padding:14px 0 20px}.trust{--trust-size:clamp(34px,4.5vw,42px);margin-bottom:clamp(16px,2.5vh,24px)}.headline{letter-spacing:-.08em;line-height:1.05}.subhead{max-width:min(500px,94%)}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px;padding-top:10px;padding-bottom:8px}.mobile-menu[hidden]{display:none}.mobile-menu:not([hidden]){display:block;position:fixed;inset:0;z-index:4;animation:overlayIn .28s ease both}.menu-overlay{position:absolute;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(6px)}.menu-sheet{position:absolute;top:78px;left:18px;right:18px;padding:22px 18px 20px;border-radius:28px;background:#fff;color:#222;box-shadow:0 20px 60px rgba(0,0,0,.45);animation:menuIn .38s cubic-bezier(.22,1,.36,1) both}.menu-sheet a{position:relative;display:flex;align-items:center;min-height:47px;padding:0 12px;border-radius:10px;color:#2e2e2e;font-size:15px;font-weight:500;animation:linkIn .3s ease both}.menu-sheet a:nth-child(1){animation-delay:.03s}.menu-sheet a:nth-child(2){animation-delay:.07s}.menu-sheet a:nth-child(3){animation-delay:.11s}.menu-sheet a:nth-child(4){animation-delay:.15s}.menu-sheet a.active{background:#f3f3f3}.menu-sheet a.active:after{content:"";position:absolute;left:50%;bottom:7px;width:3px;height:3px;background:#000;border-radius:50%;transform:translateX(-50%);box-shadow:-5px 0 #000,5px 0 #000}.menu-sheet .mobile-signin{justify-content:center;margin-top:10px;background:#28282a;color:#fff;border-radius:999px}.page-link{display:none}}
@media(max-width:420px){.page{padding-left:14px;padding-right:14px}.trust{--trust-size:34px}.trust-pill{font-size:12px;padding-right:11px}.headline{font-size:clamp(27px,7.3vw,34px);letter-spacing:-.09em}.subhead{font-size:14px}.stats{column-gap:12px}.stat{column-gap:8px}.stat-label{font-size:11px}}
@media(max-height:700px) and (max-width:720px){.hero{padding:8px 0 12px}.trust{margin-bottom:12px}.headline{font-size:clamp(26px,6vw,43px)}.subhead{margin-top:10px;line-height:1.4}.cta{margin-top:14px;padding-top:10px;padding-bottom:10px}.stats{gap:10px 18px}.stat-icon{font-size:23px}.stat-value{font-size:19px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;filter:none!important;opacity:1!important;transform:none!important;scroll-behavior:auto!important}}

/* Featured transparent portrait */
.hero-person{position:fixed;z-index:1;right:4vw;bottom:0;height:min(67vh,680px);width:auto;max-width:42vw;object-fit:contain;object-position:bottom;pointer-events:none;filter:drop-shadow(0 0 28px rgba(70,220,255,.2));animation:personRise 1s cubic-bezier(.22,1,.36,1) .15s both}
.hero{z-index:2}
@keyframes personRise{from{opacity:0;transform:translateY(28px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:720px){.hero-person{height:min(38vh,340px);max-width:48vw;right:-1vw;bottom:8vh;opacity:.8;filter:drop-shadow(0 0 20px rgba(70,220,255,.22));z-index:1}.hero{z-index:2}.headline,.subhead,.cta,.trust{position:relative;z-index:2}.subhead{ text-shadow:0 2px 12px #000}.cta{position:relative}}
@media(max-width:420px){.hero-person{height:min(31vh,270px);right:-2vw;bottom:12vh;opacity:.68}}

/* Mobile portrait positioning and truly circular logo */
.logo{overflow:hidden;border-radius:50%}
.logo img{width:100%;height:100%;object-fit:cover;border-radius:50%}
@media(max-width:720px){.hero-person{height:min(46vh,390px);max-width:60vw;width:auto;right:0;bottom:5vh;object-fit:contain;object-position:center bottom;opacity:.92}}
@media(max-width:420px){.hero-person{height:min(42vh,340px);max-width:62vw;right:0;bottom:6vh;opacity:.88}}

/* Keep the transparent officer portrait clear of hero text and stats on phones */
@media(max-width:720px){
  .hero-person{position:fixed;z-index:1;height:min(48vh,430px);max-height:430px;max-width:72vw;width:auto;right:-2vw;bottom:4vh;object-fit:contain;object-position:center bottom;opacity:1;filter:drop-shadow(0 0 22px rgba(70,220,255,.18));}
  .hero{z-index:2;padding-bottom:clamp(170px,28vh,250px)}
  .headline,.subhead,.cta,.trust{z-index:3}
  .stats{z-index:4;position:relative}
}
@media(max-width:420px){
  .hero-person{height:min(44vh,370px);max-width:76vw;right:-3vw;bottom:5vh;opacity:1}
  .hero{padding-bottom:clamp(160px,26vh,220px)}
}

/* Visual refinement: keep the original motion and video backdrop */
.bg:after{background:linear-gradient(180deg,rgba(3,8,16,.18) 0%,rgba(3,8,16,.12) 30%,rgba(0,0,0,.48) 66%,rgba(0,0,0,.86) 100%)}
.page:before{content:"";position:absolute;z-index:0;pointer-events:none;width:min(78vw,850px);height:min(78vw,850px);left:50%;top:48%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(0,210,255,.10),rgba(60,35,150,.055) 38%,transparent 70%);filter:blur(16px)}
.header{position:relative}
.logo{border:1px solid rgba(255,255,255,.32);box-shadow:0 0 0 5px rgba(255,255,255,.035),0 8px 28px rgba(0,0,0,.32),0 0 22px rgba(0,220,255,.13)}
.nav{background:rgba(250,252,255,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 12px 36px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.9)}
.signin{border:1px solid rgba(255,255,255,.14);background:rgba(23,25,32,.78);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 28px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.07)}
.burger{border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 28px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.08)}
.trust-pill{background:rgba(14,16,23,.76);border-color:rgba(255,255,255,.2);box-shadow:0 8px 28px rgba(0,0,0,.22);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.avatar{border-color:rgba(255,255,255,.72);box-shadow:0 4px 18px rgba(0,0,0,.35)}
.headline{text-shadow:0 3px 32px rgba(0,0,0,.38)}
.headline span:nth-child(2){text-shadow:0 0 28px rgba(50,220,255,.13),0 3px 30px rgba(0,0,0,.4)}
.subhead{color:rgba(255,255,255,.88);opacity:1;text-shadow:0 2px 18px rgba(0,0,0,.78);text-wrap:balance}
.cta{position:relative;isolation:isolate;border:1px solid rgba(255,255,255,.88);background:linear-gradient(135deg,#fff 0%,#f3f8ff 52%,#dffaff 100%);box-shadow:0 12px 35px rgba(0,0,0,.28),0 0 0 5px rgba(255,255,255,.055),0 0 36px rgba(0,218,255,.15);transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s}
.cta:before{content:"";position:absolute;inset:1px;border-radius:inherit;border:1px solid rgba(255,255,255,.8);pointer-events:none;z-index:-1}
.cta:hover{transform:translateY(-3px) scale(1.025);box-shadow:0 16px 42px rgba(0,0,0,.32),0 0 0 6px rgba(255,255,255,.07),0 0 44px rgba(0,218,255,.23)}
.stats{gap:clamp(12px,2vw,24px);padding-top:18px}
.stat{position:relative;min-width:0;padding:13px 12px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:linear-gradient(145deg,rgba(18,22,32,.56),rgba(4,7,12,.42));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 30px rgba(0,0,0,.12),inset 0 1px rgba(255,255,255,.055);transition:transform .25s,border-color .25s,background .25s}
.stat:hover{transform:translateY(-3px);border-color:rgba(90,225,255,.32);background:linear-gradient(145deg,rgba(22,36,48,.72),rgba(4,8,15,.58))}
.stat-icon{color:#8cefff;text-shadow:0 0 18px rgba(72,220,255,.22)}
.stat-value{letter-spacing:-.04em}
.stat-label{color:rgba(225,233,245,.65);white-space:normal;line-height:1.35}
.github{border-color:rgba(255,255,255,.24);box-shadow:0 8px 28px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.1)}
.menu-sheet{border:1px solid rgba(255,255,255,.5);box-shadow:0 24px 70px rgba(0,0,0,.48)}
@media(max-width:720px){
 .page:before{width:120vw;height:120vw;top:52%;background:radial-gradient(circle,rgba(0,210,255,.12),rgba(65,35,150,.06) 40%,transparent 72%)}
 .header{padding:5px 6px;border:1px solid rgba(255,255,255,.07);border-radius:30px;background:rgba(5,7,12,.18);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
 .trust{filter:drop-shadow(0 5px 15px rgba(0,0,0,.22))}
 .headline{font-size:clamp(29px,7.7vw,42px);letter-spacing:-.075em;line-height:1.1;white-space:normal;overflow:visible}
 .headline span{max-width:100%;text-wrap:balance}
 .subhead{max-width:440px;font-size:clamp(14px,3.8vw,17px);line-height:1.55}
 .cta{min-height:50px;padding:13px 23px;font-size:15px}
 .stats{gap:10px;padding-top:12px}
 .stat{padding:10px 9px;border-radius:14px;column-gap:7px;background:linear-gradient(145deg,rgba(10,15,24,.72),rgba(0,0,0,.52))}
 .stat-icon{font-size:23px}
 .stat-value{font-size:clamp(17px,4.7vw,23px)}
 .stat-label{font-size:10.5px}
}
@media(max-width:420px){
 .header{gap:9px}
 .logo,.burger{width:44px;height:44px}
 .trust-pill{font-size:11px;padding-left:20px;padding-right:10px}
 .headline{font-size:clamp(28px,7.5vw,34px)}
 .stat{padding:9px 7px}
 .stat-label{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.stat:hover,.cta:hover{transform:none}}

/* Performance + mobile layout cleanup */
.bg-video{opacity:.58;transform:translateZ(0)}
.page:before{filter:none;background:radial-gradient(circle,rgba(0,190,230,.075),rgba(60,35,150,.035) 38%,transparent 70%)}
.stat,.trust-pill,.nav,.signin,.menu-sheet,.github{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.stat{box-shadow:inset 0 1px rgba(255,255,255,.045);transition:border-color .2s}
.stat:hover{transform:none}
.hero-person{filter:drop-shadow(0 0 12px rgba(70,220,255,.12))}
@media(max-width:720px){
 body{overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain}
 .page{padding:12px 16px max(14px,env(safe-area-inset-bottom));justify-content:flex-start}
 .header{flex:0 0 auto;margin-top:2px}
 .hero{flex:1 1 auto;justify-content:center;padding:clamp(16px,4vh,34px) 0 14px;min-height:0}
 .trust{margin-bottom:clamp(16px,3vh,24px);max-width:100%;transform:scale(.96);transform-origin:center}
 .headline{font-size:clamp(28px,7.1vw,39px);letter-spacing:-.065em;line-height:1.12;width:100%;white-space:normal}
 .headline span{overflow-wrap:anywhere}
 .subhead{max-width:390px;margin-top:14px;font-size:clamp(13px,3.65vw,16px);line-height:1.48;padding:0 4px}
 .cta{margin-top:18px;min-height:48px;padding:12px 21px}
 .stats{flex:0 0 auto;width:100%;gap:8px;padding:10px 0 2px}
 .stat{grid-template-columns:25px minmax(0,1fr);column-gap:7px;padding:9px 8px;border-radius:12px;min-height:64px;overflow:hidden}
 .stat-icon{font-size:21px;align-self:center}
 .stat-value{font-size:clamp(16px,4.4vw,21px);white-space:nowrap}
 .stat-label{font-size:clamp(9px,2.6vw,11px);line-height:1.25;overflow-wrap:anywhere}
 .hero-person{height:min(39vh,330px);max-height:330px;max-width:64vw;right:-2vw;bottom:7vh;opacity:.74;filter:none;z-index:1}
 .hero,.stats{isolation:isolate}
 .trust,.headline,.subhead,.cta{z-index:3}
 .stats{z-index:3}
 .page:before{width:100vw;height:100vw;top:56%}
 .header{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(5,7,12,.3)}
 .github{width:34px;height:34px;right:12px;bottom:max(10px,env(safe-area-inset-bottom));}
 .menu-overlay{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(0,0,0,.72)}
}
@media(max-width:420px){
 .page{padding-left:12px;padding-right:12px}
 .trust{transform:scale(.9);margin-left:-8px;margin-right:-8px}
 .trust-pill{font-size:10.5px;padding-left:17px;padding-right:9px}
 .headline{font-size:clamp(27px,7.3vw,32px);letter-spacing:-.07em}
 .subhead{font-size:13.5px;line-height:1.48}
 .hero-person{height:min(35vh,285px);max-width:68vw;right:-3vw;bottom:8vh;opacity:.68}
 .stat{padding:8px 6px;grid-template-columns:21px minmax(0,1fr);column-gap:5px}
 .stat-value{font-size:16px}
 .stat-label{font-size:9.5px}
}
@media(max-height:740px) and (max-width:720px){
 .hero{padding-top:10px;padding-bottom:8px}
 .trust{margin-bottom:12px}
 .subhead{margin-top:10px;line-height:1.38}
 .cta{margin-top:12px;min-height:44px}
 .stats{gap:6px;padding-top:6px}
 .stat{min-height:56px}
 .hero-person{height:min(32vh,250px);bottom:8vh}
}
@media(prefers-reduced-motion:reduce){.hero-person{animation:none}}

/* Restore vertical scrolling on mobile without changing the desktop layout */
@media(max-width:720px){
 html,body{height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto!important}
 body{height:auto;min-height:100dvh;overflow-y:auto!important;overscroll-behavior-y:contain}
 .page{height:auto;min-height:100dvh;overflow:visible;justify-content:flex-start;padding-bottom:30px}
 .bg{position:fixed;inset:0;height:100dvh}
 .hero{flex:0 0 auto;min-height:0;padding-top:clamp(28px,6vh,54px);padding-bottom:28px}
 .stats{flex-shrink:0;padding-bottom:34px}
}

/* Hard override: mobile page must scroll vertically */
@media (max-width: 720px) {
 html, body { height:auto!important; min-height:100%!important; overflow-x:hidden!important; overflow-y:auto!important; touch-action:pan-y!important; }
 body { position:relative!important; display:block!important; }
 .page { display:flex!important; height:auto!important; min-height:100dvh!important; max-height:none!important; overflow:visible!important; touch-action:pan-y!important; }
 .hero { flex:0 0 auto!important; min-height:auto!important; }
 .bg { position:fixed!important; pointer-events:none!important; }
 .bg-video { pointer-events:none!important; }
 .hero-person { pointer-events:none!important; }
 .mobile-menu:not([hidden]) { position:fixed!important; }
}

/* Final mobile scroll fix: make document the scroll container, not the viewport-sized app shell */
@media screen and (max-width:720px){
 html{height:auto!important;min-height:100%!important;overflow-y:scroll!important;overscroll-behavior-y:auto!important}
 body{display:block!important;width:100%!important;height:auto!important;min-height:115dvh!important;overflow:visible!important;overflow-x:hidden!important;overflow-y:visible!important;position:relative!important;touch-action:pan-y!important}
 .page{width:100%!important;height:auto!important;min-height:115dvh!important;max-height:none!important;overflow:visible!important;position:relative!important;display:flex!important;justify-content:flex-start!important;padding-bottom:42px!important;touch-action:pan-y!important}
 .bg{position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;overflow:hidden!important;pointer-events:none!important}
 .hero{flex:0 0 auto!important;min-height:62dvh!important;overflow:visible!important}
 .stats{margin-top:10px!important;margin-bottom:28px!important;flex-shrink:0!important}
 .hero-person{pointer-events:none!important}
}