*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:hsl(249,18%,95%);--fg:hsl(240,10%,10%);--primary:hsl(24,90%,55%);--primary-fg:#fff;--secondary:#fff;--secondary-fg:hsl(240,10%,10%);--muted-fg:hsl(240,5%,46%);--border:hsl(240,10%,88%);--nav:#fff}
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh}
.nk-banner{position:fixed;top:0;left:0;right:0;z-index:200;background:rgba(0,0,0,0.7);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,0.1);padding:8px 16px;text-align:center;font-size:11px;color:rgba(255,255,255,0.8);letter-spacing:0.05em}
.nk-page{padding-top:32px;background:var(--bg);min-height:100vh}
.nk-nav-wrap{padding:16px 24px 0}
@media(min-width:1024px){.nk-nav-wrap{padding:16px 32px 0}}
.nk-nav{max-width:1280px;margin:0 auto;background:var(--nav);border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,0.06);padding:14px 24px;display:flex;align-items:center;justify-content:space-between}
@media(min-width:768px){.nk-nav{padding:18px 32px}}
.nk-logo{display:inline-flex;align-items:center;gap:8px;color:var(--fg);text-decoration:none;font-size:24px;font-weight:700;letter-spacing:-0.04em}
.nk-logo-icon{width:28px;height:28px;background:var(--fg);border-radius:50%;display:inline-flex;align-items:center;justify-content:center}
.nk-logo-dot{width:12px;height:12px;background:#fff;border-radius:3px}
.nk-links{display:none;list-style:none;gap:24px;margin-left:32px}
@media(min-width:768px){.nk-links{display:flex}}
.nk-links a{color:rgba(11,12,16,0.8);text-decoration:none;font-size:16px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:color .2s}
.nk-links a:hover{color:var(--fg)}
.nk-actions{display:flex;align-items:center;gap:16px}
.nk-login{display:none;color:rgba(11,12,16,0.8);text-decoration:none;font-size:16px;font-weight:500;cursor:pointer;transition:color .2s}
@media(min-width:768px){.nk-login{display:inline-flex}}
.nk-login:hover{color:var(--fg)}
.nk-cta{background:linear-gradient(to bottom,hsl(24,100%,72%) 0%,hsl(18,98%,53%) 100%);color:var(--primary-fg);text-decoration:none;font-size:16px;font-weight:500;padding:12px 24px;border-radius:8px;cursor:pointer;transition:opacity .2s}
.nk-cta:hover{opacity:0.9}
.nk-hero{position:relative;max-width:1280px;margin:0 auto;padding:64px 24px;min-height:calc(100vh - 96px);display:flex;align-items:center;overflow:hidden}
@media(min-width:1024px){.nk-hero{padding:80px 32px}}
.nk-content{max-width:560px;flex:1;position:relative;z-index:10;display:flex;flex-direction:column;gap:24px}
.nk-h1{font-size:clamp(48px,8vw,84px);font-weight:500;color:var(--fg);line-height:1.05;letter-spacing:-0.04em;opacity:0;animation:nk-up 0.9s 0.2s ease-out forwards}
@keyframes nk-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.nk-sub{font-size:20px;color:var(--muted-fg);line-height:1.55;max-width:520px;font-weight:400;opacity:0;animation:nk-up 0.9s 0.4s ease-out forwards}
.nk-buttons{display:flex;gap:16px;flex-wrap:wrap;margin-top:16px;opacity:0;animation:nk-up 0.9s 0.6s ease-out forwards}
.nk-btn-primary{display:inline-flex;align-items:center;background:linear-gradient(to bottom,hsl(24,100%,72%) 0%,hsl(18,98%,53%) 100%);color:var(--primary-fg);text-decoration:none;font-size:18px;font-weight:500;padding:16px 36px;height:56px;border-radius:8px;cursor:pointer;transition:opacity .2s}
.nk-btn-primary:hover{opacity:0.9}
.nk-btn-secondary{display:inline-flex;align-items:center;background:var(--secondary);color:var(--secondary-fg);text-decoration:none;font-size:18px;font-weight:500;padding:16px 36px;height:56px;border-radius:8px;cursor:pointer;transition:background .2s;border:1px solid var(--border)}
.nk-btn-secondary:hover{background:hsl(240,5%,96%)}
.nk-video-wrap{display:none;position:absolute;top:0;right:0;width:55%;height:100%;border-bottom-left-radius:18px;overflow:hidden;z-index:5}
@media(min-width:1024px){.nk-video-wrap{display:block}}
.nk-video-wrap video{width:100%;height:100%;object-fit:cover}