/* ============================================================
   Skeena – Marketing Landing Page (WOW-Redesign 2026)
   Basis-Reset, Fonts, Keyframes und Hover/Focus-Zustände.
   Layout & Farben stehen als Inline-Styles direkt im HTML.
   ============================================================ */
:root { --acc: #5b9dff; --acc2: #6fe3cf; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: #06080d; color: #e9edf6; font-family: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif; -webkit-font-smoothing: antialiased; }
img { display: block; max-width: 100%; }
a { color: var(--acc); text-decoration: none; }
a:hover { color: #b7d4ff; }
::selection { background: rgba(91,157,255,.32); }
@keyframes drift { 0%,100% { opacity: .35; transform: scale(1); } 50% { opacity: .6; transform: scale(1.12); } }

/* Hover- & Focus-Zustände */
.h1:hover { color:#e9edf6; }
.h2:hover { color:#e9edf6; }
.h3:hover { color:#e9edf6; }
.h4:hover { color:#e9edf6; }
.h5:hover { color:#e9edf6; }
.h6:hover { color:#e9edf6; }
.h7:hover { color:#e9edf6; }
.h8:hover { color:#e9edf6; }
.h9:hover { transform:translateY(-2px);box-shadow:0 28px 52px -18px rgba(91,157,255,1); }
.h10:hover { border-color:rgba(143,186,255,.32);transform:translateY(-3px); }
.h11:hover { border-color:rgba(143,186,255,.32);transform:translateY(-3px); }
.h12:hover { border-color:rgba(143,186,255,.32);transform:translateY(-3px); }
.h13:hover { border-color:rgba(143,186,255,.32);background:rgba(91,157,255,.06);transform:translateY(-3px); }
.h14:hover { border-color:rgba(143,186,255,.32);background:rgba(91,157,255,.06);transform:translateY(-3px); }
.h15:hover { border-color:rgba(143,186,255,.32);background:rgba(91,157,255,.06);transform:translateY(-3px); }
.h16:hover { border-color:rgba(143,186,255,.32);background:rgba(91,157,255,.06);transform:translateY(-3px); }
.h17:hover { border-color:rgba(143,186,255,.32);background:rgba(91,157,255,.06);transform:translateY(-3px); }
.h18:hover { border-color:rgba(143,186,255,.32);background:rgba(91,157,255,.06);transform:translateY(-3px); }
.h19:hover { border-color:rgba(143,186,255,.32);background:rgba(91,157,255,.06);transform:translateY(-3px); }
.h20:hover { border-color:rgba(143,186,255,.32);background:rgba(91,157,255,.06);transform:translateY(-3px); }
.h21:hover { border-color:rgba(143,186,255,.32);background:rgba(91,157,255,.06);transform:translateY(-3px); }
.h22:hover { border-color:rgba(143,186,255,.32);background:rgba(91,157,255,.06);transform:translateY(-3px); }
.h23:hover { border-color:rgba(143,186,255,.32);background:rgba(91,157,255,.06);transform:translateY(-3px); }
.h24:hover { border-color:rgba(143,186,255,.32);background:rgba(91,157,255,.06);transform:translateY(-3px); }
.h25:hover { border-color:rgba(143,186,255,.32);background:rgba(91,157,255,.06);transform:translateY(-3px); }
.h26:hover { border-color:rgba(143,186,255,.32);background:rgba(91,157,255,.06);transform:translateY(-3px); }
.h27:hover { border-color:rgba(143,186,255,.32);background:rgba(91,157,255,.06);transform:translateY(-3px); }
.h28:hover { border-color:rgba(143,186,255,.32);background:rgba(91,157,255,.06);transform:translateY(-3px); }
.h29:hover { border-color:rgba(143,186,255,.32);background:rgba(91,157,255,.06);transform:translateY(-3px); }
.h30:hover { border-color:rgba(143,186,255,.32);background:rgba(91,157,255,.06);transform:translateY(-3px); }
.h31:hover { border-color:rgba(143,186,255,.32);background:rgba(91,157,255,.06);transform:translateY(-3px); }
.h32:hover { border-color:rgba(143,186,255,.32);background:rgba(91,157,255,.06);transform:translateY(-3px); }
.h33:hover { border-color:rgba(143,186,255,.32);background:rgba(91,157,255,.06);transform:translateY(-3px); }
.h34:hover { border-color:rgba(143,186,255,.34);transform:translateY(-4px);box-shadow:0 30px 60px -34px rgba(0,0,0,.95); }
.h35:hover { border-color:rgba(143,186,255,.34);transform:translateY(-4px);box-shadow:0 30px 60px -34px rgba(0,0,0,.95); }
.h36:hover { border-color:rgba(143,186,255,.34);transform:translateY(-4px);box-shadow:0 30px 60px -34px rgba(0,0,0,.95); }
.h37:hover { border-color:rgba(143,186,255,.34);transform:translateY(-4px);box-shadow:0 30px 60px -34px rgba(0,0,0,.95); }
.h38:hover { border-color:rgba(143,186,255,.34);transform:translateY(-4px);box-shadow:0 30px 60px -34px rgba(0,0,0,.95); }
.h39:hover { border-color:rgba(143,186,255,.34);transform:translateY(-4px);box-shadow:0 30px 60px -34px rgba(0,0,0,.95); }
.h40:hover { border-color:rgba(143,186,255,.34);transform:translateY(-4px);box-shadow:0 30px 60px -34px rgba(0,0,0,.95); }
.h41:hover { border-color:rgba(143,186,255,.34);transform:translateY(-4px);box-shadow:0 30px 60px -34px rgba(0,0,0,.95); }
.h42:hover { border-color:rgba(143,186,255,.34);transform:translateY(-4px);box-shadow:0 30px 60px -34px rgba(0,0,0,.95); }
.h43:hover { border-color:rgba(143,186,255,.34);transform:translateY(-4px);box-shadow:0 30px 60px -34px rgba(0,0,0,.95); }
.h44:hover { border-color:rgba(143,186,255,.34);transform:translateY(-4px);box-shadow:0 30px 60px -34px rgba(0,0,0,.95); }
.h45:hover { border-color:rgba(143,186,255,.34);transform:translateY(-4px);box-shadow:0 30px 60px -34px rgba(0,0,0,.95); }
.h46:hover { border-color:rgba(143,186,255,.34);transform:translateY(-4px);box-shadow:0 30px 60px -34px rgba(0,0,0,.95); }
.h47:hover { border-color:rgba(143,186,255,.34);transform:translateY(-4px);box-shadow:0 30px 60px -34px rgba(0,0,0,.95); }
.h48:hover { border-color:rgba(143,186,255,.34);transform:translateY(-4px);box-shadow:0 30px 60px -34px rgba(0,0,0,.95); }
.h49:hover { border-color:rgba(143,186,255,.34);transform:translateY(-4px);box-shadow:0 30px 60px -34px rgba(0,0,0,.95); }
.h50:hover { border-color:rgba(143,186,255,.34);transform:translateY(-4px);box-shadow:0 30px 60px -34px rgba(0,0,0,.95); }
.h51:hover { border-color:rgba(143,186,255,.3);background:rgba(91,157,255,.06); }
.h52:hover { border-color:rgba(143,186,255,.3);background:rgba(91,157,255,.06); }
.h53:hover { border-color:rgba(143,186,255,.3);background:rgba(91,157,255,.06); }
.h54:hover { border-color:rgba(143,186,255,.3);background:rgba(91,157,255,.06); }
.h55:hover { border-color:rgba(143,186,255,.3);background:rgba(91,157,255,.06); }
.h56:hover { border-color:rgba(143,186,255,.3);background:rgba(91,157,255,.06); }
.h57:hover { border-color:rgba(143,186,255,.3);background:rgba(91,157,255,.06); }
.h58:hover { border-color:rgba(143,186,255,.3);background:rgba(91,157,255,.06); }
.h59:hover { border-color:rgba(143,186,255,.32);background:rgba(91,157,255,.06);transform:translateY(-3px); }
.h60:hover { border-color:rgba(143,186,255,.32);background:rgba(91,157,255,.06);transform:translateY(-3px); }
.h61:hover { border-color:rgba(143,186,255,.32);background:rgba(91,157,255,.06);transform:translateY(-3px); }
.h62:hover { border-color:rgba(143,186,255,.32);background:rgba(91,157,255,.06);transform:translateY(-3px); }
.h63:hover { transform:translateY(-2px);box-shadow:0 28px 52px -18px rgba(91,157,255,1); }
.h64:focus { border-color:rgba(143,186,255,.55);box-shadow:0 0 0 3px rgba(91,157,255,.16); }
.h65:focus { border-color:rgba(143,186,255,.55);box-shadow:0 0 0 3px rgba(91,157,255,.16); }
.h66:focus { border-color:rgba(143,186,255,.55);box-shadow:0 0 0 3px rgba(91,157,255,.16); }
.h67:focus { border-color:rgba(143,186,255,.55);box-shadow:0 0 0 3px rgba(91,157,255,.16); }
.h68:focus { border-color:rgba(143,186,255,.55);box-shadow:0 0 0 3px rgba(91,157,255,.16); }

/* Responsive */
@media (max-width: 1060px) {
  #sk-nav-links { display: none !important; }
}
@media (max-width: 900px) {
  header > div, section > div[style*="grid-template-columns"], section > div > div[style*="grid-template-columns"] { grid-template-columns: 1fr !important; }
  #sk-hero-shot { transform: none !important; }
}
@media (max-width: 620px) {
  h1 { font-size: 2.1rem !important; }
}