@font-face{font-family:"Inter";src:url("fonts/Inter.ttf") format("truetype");font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:"BubbledotICG-FinePos";src:url("fonts/BubbledotICG-FinePos.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@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:100vh;height:100dvh;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #aaa;outline-offset:5px}[hidden]{display:none!important}
.bg{position:absolute;inset:0;background:#000;overflow:hidden}.bg-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:0}
.page{height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:clamp(16px,2.4vh,28px) clamp(14px,3vw,32px)}
.header,.hero,.stats{position:relative;z-index:1}.header{width:100%;max-width:720px;display:flex;justify-content:center;align-items:center;gap:clamp(18px,2.8vw,28px);flex-shrink:0;animation:slideDown .7s cubic-bezier(.22,1,.36,1) both}
.logo{display:grid;place-items:center;width:clamp(40px,4.4vw,46px);height:clamp(40px,4.4vw,46px);border-radius:50%;background:#fff;box-shadow:var(--nav-shadow);flex-shrink:0;transition:transform .25s}.logo img{display:block;width:72%;height:72%;object-fit:contain}.logo:hover{transform:scale(1.04)}
.nav-pill{height:clamp(44px,5.2vw,48px);max-width:430px;flex:1;display:flex;align-items:stretch;justify-content:space-around;padding:4px 8px;background:#fff;border-radius:999px;box-shadow:var(--nav-shadow)}
.nav-pill a{position:relative;display:flex;align-items:center;justify-content:center;padding:0 13px 3px;font-size:clamp(13px,1.4vw,15px);font-weight:500;letter-spacing:-.01em;color:var(--nav-text);opacity:.5;white-space:nowrap;transition:opacity .2s}.nav-pill a:hover{opacity:.75}.nav-pill a.active{opacity:1}.active::after{content:"";position:absolute;width:3px;height:3px;background:#000;border-radius:50%;bottom:5px;left:calc(50% - 1.5px);box-shadow:-5px 0 #000,5px 0 #000}
.sign-in{height:clamp(44px,5.2vw,48px);padding:0 24px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:var(--pill-dark);color:var(--sign-in-text);font-size:14px;font-weight:500;box-shadow:var(--nav-shadow);transition:background .2s,color .2s,transform .2s;white-space:nowrap}.sign-in:hover{background:#323234;color:#fff;transform:translateY(-1px)}
.hero{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:900px;width:100%;padding:24px 0}
.trust{--trust-size:clamp(36px,4.5vw,42px);display:inline-flex;align-items:center;margin-bottom:clamp(16px,2.5vh,26px);flex-shrink:0}.avatars{display:flex;align-items:center}.avatar{width:var(--trust-size);height:var(--trust-size);padding:5px;border:1px solid var(--trust-border);background:var(--trust-bg);border-radius:50%;position:relative;display:block;transition:transform .35s}.avatar>span{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:#fff;color:#111}.avatar i{font-size:calc(var(--trust-size)*.34)}.avatar+.avatar{margin-left:calc(var(--trust-size)*-.42)}.a1{z-index:1}.a2{z-index:2}.a3{z-index:4}.a1:hover,.a3:hover{transform:translateY(-2px)}.a2:hover{transform:translateY(-4px)}
.trust-pill{display:flex;align-items:center;height:var(--trust-size);background:var(--trust-bg);border:1px solid var(--trust-border);border-radius:999px;margin-left:calc(var(--trust-size)*-.42);padding:0 16px 0 calc(var(--trust-size)*.58);font-weight:500;color:var(--trust-text);font-size:clamp(12px,1.4vw,13.5px);white-space:nowrap}
.headline{font-family:var(--font-display);font-size:clamp(28px,6.2vw,80px);font-weight:400;letter-spacing:-.04em;line-height:1.12;color:#fff;margin:0;max-width:100%;flex-shrink:0}.headline span{display:block;white-space:nowrap;overflow:hidden;animation:headlineFade .85s cubic-bezier(.22,1,.36,1) both}.headline span:first-child{animation-delay:.12s}.headline span:last-child{animation-delay:.3s}
.subhead{max-width:min(500px,92%);font-size:clamp(calc(13.5px + 2pt),calc(1.55vw + 2pt),calc(16.5px + 2pt));color:#d0d0d0;line-height:1.55;font-weight:400;margin:clamp(16px,2.4vh,24px) 0 clamp(22px,3.2vh,34px)}
.cta{display:inline-flex;justify-content:center;align-items:center;color:#000;background:#fff;font-weight:600;font-size:clamp(13.5px,1.5vw,14.5px);padding:clamp(11px,1.6vh,13px) clamp(22px,3vw,28px);border-radius:999px;box-shadow:0 0 0 1px #ffffff26,0 0 22px #ffffff52,0 0 44px #ffffff1f;transition:transform .25s,box-shadow .25s;flex-shrink:0}.cta:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 0 0 1px #ffffff40,0 0 28px #ffffff70,0 0 52px #ffffff30}
.stats{width:100%;max-width:920px;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;flex-shrink:0;padding:0 0 clamp(8px,2vh,22px)}.stat{display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center}.stat-icon{font-family:var(--font-display);font-size:clamp(22px,3vw,33px);line-height:1.1;min-height:1.1em}.stat-value{font-size:clamp(18px,2.2vw,26px);letter-spacing:-.025em;font-variant-numeric:tabular-nums;line-height:1.3}.stat-label{font-size:clamp(11px,1.2vw,12.5px);color:var(--muted)}
.anim{opacity:1;animation:reveal .85s cubic-bezier(.22,1,.36,1) backwards;animation-delay:var(--d,0s)}.subhead.anim{opacity:.8;animation-name:revealSubhead}.cta.anim{animation-name:revealPulse}
@keyframes slideDown{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:none}}
@keyframes headlineFade{from{opacity:0;transform:translateY(14px)}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 revealSubhead{from{opacity:0;transform:translateY(22px) scale(.98);filter:blur(6px)}to{opacity:.8;transform:none;filter:blur(0)}}
@keyframes revealPulse{0%{opacity:0;transform:translateY(22px) scale(.98);filter:blur(6px)}70%{opacity:1;transform:scale(1.025);filter:blur(0)}100%{opacity:1;transform:none;filter:blur(0)}}
.burger{display:none}.mobile-menu{position:fixed;inset:0;z-index:2}.menu-overlay{position:absolute;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(6px);animation:overlayIn .28s both}.menu-sheet{position:absolute;top:90px;left:50%;transform:translateX(-50%);width:min(420px,calc(100% - 28px));border-radius:28px;padding:22px 18px 20px;background:#fff;color:#2e2e2e;box-shadow:0 20px 60px #00000073;display:flex;flex-direction:column;gap:4px;animation:menuIn .38s both}.menu-sheet>a{position:relative;text-align:center;padding:16px;border-radius:999px;font-size:16px;font-weight:500;animation:linkIn .35s both;animation-delay:calc(var(--i)*.055s)}.menu-sheet>a:hover:not(.sign-in){background:#f3f3f3}.menu-sheet .active::after{bottom:8px}.menu-sheet .sign-in{margin-top:12px}
@keyframes overlayIn{from{opacity:0}to{opacity:1}}@keyframes menuIn{from{opacity:0;transform:translate(-50%,-12px) scale(.97)}to{opacity:1;transform:translate(-50%,0) scale(1)}}@keyframes linkIn{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
.detail{max-width:min(460px,calc(100vw - 32px));border:1px solid #444;border-radius:24px;padding:36px;background:#18181a;color:white;font:16px/1.6 var(--font-sans)}.detail::backdrop{background:#000a;backdrop-filter:blur(8px)}.detail h2{font-size:25px;line-height:1.2;margin:0 24px 20px 0}.detail p{color:#bdbdbd}.detail-close{position:absolute;right:15px;top:10px;background:none;color:#ccc;border:0;font-size:28px}.detail-action{display:inline-flex;background:#fff;color:#000;padding:10px 18px;border-radius:30px;font-size:14px;font-weight:600;margin-top:10px}
@media(max-width:720px){.header{max-width:none;justify-content:space-between;z-index:3}.nav-pill,.desktop-sign-in{display:none}.logo{width:48px;height:48px}.burger{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:48px;height:48px;border:0;border-radius:50%;background:#28282a;z-index:3;transition:background .2s}.burger span{width:18px;height:1.5px;background:#fff;transition:transform .25s,opacity .2s,background .2s}.burger[aria-expanded=true]{background:#fff}.burger[aria-expanded=true] span{background:#000}.burger[aria-expanded=true] span:first-child{transform:translateY(6.5px) rotate(45deg)}.burger[aria-expanded=true] span:nth-child(2){opacity:0}.burger[aria-expanded=true] span:last-child{transform:translateY(-6.5px) rotate(-45deg)}.headline{letter-spacing:-.08em;line-height:1.05;font-size:clamp(28px,6.2vw,44px)}.hero{padding:18px 0}.stats{grid-template-columns:repeat(2,1fr);row-gap:22px;max-width:480px}.subhead{max-width:92%}.stat{gap:4px}.stat-icon{font-size:26px}.stat-value{font-size:21px}}
@media(max-width:420px){.headline{letter-spacing:-.09em;line-height:1.04;font-size:28px}.trust{--trust-size:34px}.trust-pill{font-size:12px;padding-right:12px}.subhead{font-size:16px;line-height:1.5}.stats{row-gap:18px}}
@media(max-height:700px){.hero{padding:12px 0}.trust{margin-bottom:14px}.subhead{margin-top:14px;margin-bottom:20px}.stats{padding-bottom:0;row-gap:14px}.stat{gap:3px}}
@media(max-height:500px) and (min-width:721px){.headline{font-size:clamp(28px,6vw,50px)}.trust{--trust-size:30px;margin-bottom:8px}.subhead{font-size:15px;margin:10px 0 14px}.stats .stat-icon{font-size:22px}.stats .stat-value{font-size:20px}.hero{padding:8px 0}}
@media(max-height:580px) and (max-width:720px){.page{padding-top:12px;padding-bottom:12px}.header .logo,.burger{width:40px;height:40px}.trust{--trust-size:30px;margin-bottom:10px}.stats{gap:12px;max-width:600px}.stat-label{font-size:9px}.stat-icon{font-size:19px}.stat-value{font-size:17px}.subhead{font-size:14px;margin:10px 0 14px}.hero{padding:10px 0}.menu-sheet{top:66px;padding:10px 18px}.menu-sheet>a{padding:10px}.menu-sheet .sign-in{margin-top:4px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.anim,.headline span{opacity:1;transform:none;filter:none}.subhead.anim{opacity:.8}}

@media(max-height:450px) and (max-width:720px){.stats{grid-template-columns:repeat(4,1fr);gap:8px}.hero{padding:4px 0}.headline{font-size:26px}.trust{--trust-size:28px;margin-bottom:6px}.subhead{font-size:12px;line-height:1.3;margin:6px 0 10px;max-width:460px}.cta{padding:9px 22px}.stat{gap:2px}}

.demo-links{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;width:100%;flex-shrink:0}.demo-links .cta{white-space:nowrap}
@media(max-width:720px){.demo-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:420px;gap:12px}.demo-links .cta{padding-inline:12px}}

.demo-resource{display:flex;justify-content:center;width:100%;grid-column:1/-1}.demo-resource .cta{max-width:100%;white-space:normal;line-height:1.4}