*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:hsl(0,0%,10%);--fg:hsl(0,0%,96%);--primary:hsl(119,99%,46%);--primary-fg:hsl(0,0%,4%);--muted:hsl(0,0%,16%);--muted-fg:hsl(0,0%,60%);--nav-button:hsl(0,0%,18%);--hero-bg:hsl(0,0%,8%)}
body{font-family:'Sora',sans-serif;background:var(--hero-bg);color:var(--fg);-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh}
.sn-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}
.sn-nav{position:fixed;top:32px;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:20px 32px;background:transparent}
@media(min-width:1024px){.sn-nav{padding:20px 64px}}
.sn-logo{color:var(--fg);font-size:20px;font-weight:600;letter-spacing:-0.02em;text-decoration:none}
.sn-links{display:none;list-style:none;gap:32px}
@media(min-width:768px){.sn-links{display:flex}}
.sn-links a{color:var(--muted-fg);text-decoration:none;font-size:13px;letter-spacing:0.15em;text-transform:uppercase;cursor:pointer;transition:color .2s}
.sn-links a:hover{color:var(--fg)}
.sn-cta{display:none;color:var(--fg);background:var(--nav-button);text-decoration:none;font-size:12px;font-weight:500;letter-spacing:0.15em;text-transform:uppercase;padding:12px 24px;border-radius:8px;cursor:pointer;transition:all .2s}
@media(min-width:768px){.sn-cta{display:inline-flex}}
.sn-cta:hover{background:rgba(46,46,46,0.8)}
.sn-cta:active{transform:scale(0.97)}
.sn-hero{position:relative;min-height:100vh;display:flex;align-items:flex-end;background:var(--hero-bg);overflow:hidden;padding-top:32px}
.sn-bg{position:absolute;inset:32px 0 0;width:100%;height:calc(100% - 32px);object-fit:cover;z-index:0}
.sn-overlay{position:absolute;inset:32px 0 0;background:rgba(0,0,0,0.15);z-index:1;pointer-events:none}
.sn-content{position:relative;z-index:10;width:100%;max-width:90%;padding:128px 24px 40px;display:flex;flex-direction:column;gap:0;pointer-events:none}
@media(min-width:640px){.sn-content{max-width:560px;padding:128px 40px 40px}}
@media(min-width:1024px){.sn-content{max-width:720px}}
.sn-h1{font-size:clamp(48px,8vw,96px);font-weight:700;line-height:1.05;letter-spacing:-0.05em;color:var(--fg);text-transform:uppercase;margin-bottom:8px;opacity:0;animation:sn-up 0.7s cubic-bezier(0.16,1,0.3,1) forwards}
@media(min-width:768px){.sn-h1{margin-bottom:16px}}
.sn-accent{color:var(--primary)}
@keyframes sn-up{from{opacity:0;transform:translateY(20px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
.sn-sub{color:rgba(245,245,245,0.8);font-size:clamp(18px,2.5vw,30px);font-weight:300;margin-bottom:12px;opacity:0;animation:sn-up 0.7s cubic-bezier(0.16,1,0.3,1) forwards}
@media(min-width:768px){.sn-sub{margin-bottom:24px}}
.sn-desc{color:var(--muted-fg);font-size:clamp(14px,1.5vw,20px);font-weight:300;line-height:1.5;margin-bottom:16px;opacity:0;animation:sn-up 0.7s cubic-bezier(0.16,1,0.3,1) forwards}
@media(min-width:768px){.sn-desc{margin-bottom:32px}}
.sn-buttons{display:flex;flex-wrap:wrap;gap:12px;font-weight:700;opacity:0;animation:sn-up 0.7s cubic-bezier(0.16,1,0.3,1) forwards;pointer-events:auto}
.sn-btn-primary{background:var(--primary);color:var(--primary-fg);font-size:14px;font-weight:700;padding:12px 24px;border:none;border-radius:4px;cursor:pointer;transition:filter .2s,transform .2s}
@media(min-width:768px){.sn-btn-primary{padding:16px 32px}}
.sn-btn-primary:hover{filter:brightness(1.1)}
.sn-btn-primary:active{transform:scale(0.97)}
.sn-btn-secondary{background:#fff;color:var(--bg);font-size:14px;font-weight:700;padding:12px 24px;border:none;border-radius:4px;cursor:pointer;transition:filter .2s,transform .2s}
@media(min-width:768px){.sn-btn-secondary{padding:16px 32px}}
.sn-btn-secondary:hover{filter:brightness(0.9)}
.sn-btn-secondary:active{transform:scale(0.97)}
.sn-trust{color:rgba(153,153,153,0.6);font-size:12px;font-weight:300;margin-top:16px;opacity:0;animation:sn-up 0.7s cubic-bezier(0.16,1,0.3,1) forwards}
@media(min-width:768px){.sn-trust{margin-top:24px}}