:root{--bg:#fff}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{color:#000;background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:400}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.hero{background:var(--bg);flex-direction:column;justify-content:space-between;min-height:100svh;display:flex;position:relative;overflow:hidden}.navbar{z-index:50;pointer-events:none;justify-content:space-between;align-items:center;padding:16px;display:flex;position:fixed;top:0;left:0;right:0}.navbar>*{pointer-events:auto}.nav-left{align-items:center;gap:10px;display:flex}.logo{align-items:center;gap:8px;display:flex}.logo-text{letter-spacing:-.02em;font-size:15px;font-weight:600;display:none}.menu-btn{color:#fff;background:#000;border-radius:9999px;align-items:center;gap:8px;padding:4px 14px 4px 4px;font-size:11px;font-weight:500;display:flex}.menu-icon{color:#000;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.nav-tags{background:#f4f4f6;border-radius:9999px;align-items:center;gap:16px;height:36px;padding:0 16px;font-size:11px;font-weight:500;display:none}.nav-right{background:#f4f4f6;border-radius:9999px;align-items:center;gap:10px;padding:4px;display:flex}.grid-btn{background:#000;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.nav-right-label{padding-right:12px;font-size:11px;font-weight:500;display:none}.video-wrapper{z-index:0;justify-content:center;align-items:center;width:80%;height:80%;display:flex;position:absolute;top:40%;left:50%;translate:-50% -50%}.video{aspect-ratio:768/1168;object-fit:contain;background:var(--bg);-webkit-mask-composite:source-in;width:100%;height:auto;max-height:100%;display:block;-webkit-mask-image:linear-gradient(#0000 0%,#000 5% 82%,#0000 100%),linear-gradient(90deg,#0000 0%,#000 12% 88%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 5% 82%,#0000 100%),linear-gradient(90deg,#0000 0%,#000 12% 88%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}@media (prefers-reduced-motion:reduce){.video{display:none}.video-wrapper{background:var(--bg) url(/hero-poster.jpg) center / contain no-repeat}}.footer{z-index:30;background:linear-gradient(to top, var(--bg) 0%, #fffc 50%, #fff0 100%);flex-direction:column;gap:24px;margin-top:auto;padding:80px 16px 24px;display:flex;position:relative}.footer-left{flex-direction:column;gap:16px;display:flex}.subtitle{color:#0000008c;align-items:center;gap:8px;font-size:13px;display:flex}.dot{background:#000;border-radius:50%;flex-shrink:0;width:8px;height:8px}.heading{letter-spacing:-.03em;font-size:clamp(2rem,8vw,4.5rem);font-weight:300;line-height:1}.buttons{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.btn{border-radius:9999px;padding:12px 22px;font-size:13px;font-weight:500;transition:opacity .2s,background .2s}.btn-primary{color:#fff;background:#000}.btn-primary:hover{opacity:.85}.btn-outline{color:#000;background:0 0;border:1px solid #00000059}.btn-outline:hover{background:#0000000d}.footer-right{flex-wrap:wrap;gap:8px;display:flex}.tag{background:#fff;border:1px solid #0000001f;border-radius:9999px;padding:6px 12px;font-size:11px;font-weight:500}@media (width>=768px){.navbar{padding:24px 32px}.nav-left{gap:12px}.logo-text,.nav-right-label{display:inline}.nav-tags{height:40px;display:flex}.menu-icon,.grid-btn{width:32px;height:32px}.video-wrapper{width:100%;height:100%;padding-top:64px;top:0;left:0;translate:none}.video{width:auto;max-width:100%;height:100%;max-height:none}.footer{flex-direction:row;justify-content:space-between;align-items:flex-end;padding:120px 32px 32px}.heading{font-size:clamp(2.5rem,5.5vw,4.5rem)}}