*{box-sizing:border-box;margin:0;padding:0}:root{--font-inter:"Inter", sans-serif;--black:#000;--white:#fff;--gray-light:#f4f4f6;--border-light:#0000001f;--text-muted:#0000008c}body{font-family:var(--font-inter);background-color:var(--white);color:var(--black);-webkit-font-smoothing:antialiased;overflow:hidden}.app-container{flex-direction:column;justify-content:space-between;min-height:100vh;display:flex;position:relative}.video-wrapper{z-index:0;border-radius:24px;justify-content:center;align-items:center;width:80%;height:80%;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)!important}.bg-video{object-fit:cover;width:100%;height:100%}.navbar{z-index:50;pointer-events:none;justify-content:space-between;width:100%;padding:16px;display:flex;position:fixed;top:0;left:0}.brand-logo{object-fit:cover;filter:grayscale()contrast(120%);border-radius:6px;width:26px;height:26px;transition:filter .3s,transform .3s}.logo-container:hover .brand-logo{filter:grayscale(0%)contrast();transform:scale(1.05)}.nav-left,.nav-right{pointer-events:auto;align-items:center;gap:8px;display:flex}.logo-container{align-items:center;gap:8px;display:flex}.brand-text{letter-spacing:-.02em;font-size:15px;font-weight:600}.menu-btn{background-color:var(--black);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:8px;padding:4px 12px 4px 4px;transition:transform .2s;display:flex}.menu-btn:hover{transform:scale(1.05)}.menu-circle{background-color:var(--white);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.menu-text{color:var(--white);font-size:11px;font-weight:500}.tags-pill{background-color:var(--gray-light);border-radius:999px;align-items:center;gap:12px;padding:8px 16px;font-size:12px;font-weight:500;display:flex}.dot-divider{background-color:var(--border-light);border-radius:50%;width:4px;height:4px}.right-pill{background-color:var(--gray-light);border-radius:999px;align-items:center;gap:10px;padding:6px 16px 6px 6px;font-size:12px;font-weight:500;display:flex}.grid-circle{background-color:var(--black);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.footer{z-index:30;background:linear-gradient(#0000 0%,#fffc 50%,#fff 100%);width:100%;margin-top:auto;padding:64px 16px 32px;position:relative}.footer-content{flex-direction:column;gap:32px;display:flex}.subtitle-line{align-items:center;gap:10px;margin-bottom:16px;display:flex}.black-dot{background-color:var(--black);border-radius:50%;width:8px;height:8px}.subtitle-line span{color:var(--text-muted);font-size:13px;font-weight:500}.hero-heading{letter-spacing:-.03em;margin-bottom:32px;font-size:clamp(2rem,8vw,4.5rem);font-weight:300;line-height:1}.action-buttons{flex-wrap:wrap;gap:12px;display:flex}.btn-primary{background-color:var(--black);color:var(--white);cursor:pointer;border:none;border-radius:999px;align-items:center;padding:12px 24px;font-size:13px;font-weight:500;text-decoration:none;transition:opacity .2s;display:inline-flex}.btn-primary:hover{opacity:.8}.btn-secondary{color:var(--black);cursor:pointer;background-color:#0000;border:1px solid #00000059;border-radius:999px;padding:12px 24px;font-size:13px;font-weight:500;transition:background-color .2s}.btn-secondary:hover{background-color:#0000000d}.footer-right{flex-wrap:wrap;gap:8px;display:flex}.tag-outline{background-color:var(--white);border:1px solid var(--border-light);border-radius:999px;padding:8px 16px;font-size:11px;font-weight:500}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);background-color:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--white);border-radius:24px;width:100%;max-width:420px;padding:40px;position:relative;box-shadow:0 24px 48px #0000001a}.modal-close{color:var(--black);cursor:pointer;opacity:.5;background:0 0;border:none;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;top:24px;right:24px}.modal-close:hover{opacity:1}.modal-title{letter-spacing:-.03em;margin-bottom:32px;font-size:32px;font-weight:300}.modal-steps{flex-direction:column;gap:20px;margin-bottom:40px;display:flex}.step{align-items:flex-start;gap:16px;display:flex}.step-num{color:var(--text-muted);margin-top:4px;font-size:11px;font-weight:600}.step-text{color:var(--black);font-size:14px;font-weight:400;line-height:1.5}.step-text b{font-weight:600}.modal-btn{justify-content:center;width:100%}.desktop-only{display:none}@media (width>=768px){.desktop-only{display:flex}.video-wrapper{border-radius:0;width:100%;height:100%}.navbar{padding:24px 32px}.nav-left,.nav-right{gap:16px}.menu-circle,.grid-circle{width:32px;height:32px}.footer{padding:120px 32px 48px}.footer-content{flex-direction:row;justify-content:space-between;align-items:flex-end}.hero-heading{font-size:clamp(2.5rem,5.5vw,4.5rem)}.footer-right{justify-content:flex-end;margin-bottom:8px}}