/* ============ QWIKI LANDING — SHARED BASE ============ */
@font-face{
  font-family:'Salks';
  src:url('../assets/fonts/Salks.otf') format('opentype');
  font-weight:100 900; font-display:swap;
}
:root{
  --orange:#f94a19;
  --amber:#f5b533;
  --cream:#fdf3e3;
  --paper:#fffaf2;
  --ink:#1c1813;
  --ink-soft:#4a4138;
  /* warm dark for testimonials (replaces black) */
  --plum:#3a1224;
  --plum-2:#4a1730;
}
*{ box-sizing:border-box; }
/* logo cursor */
html,body,*{ cursor:url('../assets/cursor-user-32.png') 5 5, auto; }
a,button,[role="button"],.cta,.say,.menu-btn,input,textarea,select{ cursor:url('../assets/cursor-user-64.png') 10 10, pointer; }
html{ scroll-behavior:smooth; }
html,body{ margin:0; padding:0; background:var(--ink); overflow-x:clip; }
body{ font-family:'Roboto',sans-serif; color:var(--ink); -webkit-font-smoothing:antialiased; overflow-x:clip; }
.salks{ font-family:'Salks',sans-serif; font-weight:400; }
a{ color:inherit; text-decoration:none; }
img{ display:block; }

/* shared keyframes */
@keyframes qw-scroll{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }
@keyframes qw-float{ 0%,100%{ transform:translateY(0) rotate(var(--r,0deg)); } 50%{ transform:translateY(-14px) rotate(var(--r,0deg)); } }
@keyframes qw-bob{ 0%,100%{ transform:translateY(0) rotate(var(--r,-5deg)); } 50%{ transform:translateY(-13px) rotate(var(--r,-5deg)); } }
@keyframes pop{ from{ transform:translateY(26px) rotate(var(--r,0deg)) scale(.94); } to{ transform:rotate(var(--r,0deg)); } }
.qw-float{ animation:qw-float 5s ease-in-out infinite; }

/* ============ STICKY NAV ============ */
.lp-nav{
  position:fixed; top:0; left:0; right:0; z-index:100;
  display:flex; align-items:center; justify-content:space-between;
  padding:18px 40px; transition:background .35s ease, box-shadow .35s ease, padding .35s ease;
}
.lp-nav.scrolled{ padding:12px 40px; background:rgba(253,243,227,.82); backdrop-filter:blur(10px); box-shadow:0 2px 0 rgba(28,24,19,.10); }
.lp-nav .brand{ display:flex; align-items:center; gap:11px; }
.lp-nav .chip{ width:50px; height:50px; border-radius:13px; background:var(--paper); border:3px solid var(--ink); display:grid; place-items:center; box-shadow:3px 3px 0 var(--ink); overflow:hidden; }
.lp-nav .chip img{ width:34px; height:34px; object-fit:contain; }
.lp-nav .wm{ font-family:'Salks',sans-serif; font-size:30px; line-height:1; letter-spacing:1.5px; }
.lp-nav .links{ display:flex; align-items:center; gap:26px; font-weight:600; font-size:13px; letter-spacing:.06em; text-transform:uppercase; }
.lp-nav .links a.say{ padding:10px 20px; border-radius:100px; border:2.5px solid currentColor; }
/* nav theming: light = for dark/orange bg, dark = for cream bg */
.lp-nav[data-theme="light"]{ color:var(--paper); }
.lp-nav[data-theme="light"] .links a.say{ background:var(--paper); color:var(--ink); border-color:var(--paper); }
.lp-nav[data-theme="dark"]{ color:var(--ink); }
.lp-nav[data-theme="dark"] .links a.say{ background:var(--ink); color:var(--paper); border-color:var(--ink); }
@media (max-width:760px){ .lp-nav .links{ display:none; } .lp-nav{ padding:12px 22px; } }

/* ============ MOBILE MENU ============ */
.menu-btn{ display:none; flex-direction:column; justify-content:center; gap:5px; width:44px; height:44px; border:none; background:none; padding:0; cursor:pointer; z-index:110; }
.menu-btn span{ display:block; width:26px; height:3px; border-radius:2px; background:currentColor; transition:transform .25s ease, opacity .25s ease; }
.lp-nav[data-theme="light"] .menu-btn{ color:var(--paper); }
.lp-nav[data-theme="dark"] .menu-btn{ color:var(--ink); }
.lp-nav.scrolled .menu-btn{ color:var(--ink); }
.menu-btn.open span:nth-child(1){ transform:translateY(8px) rotate(45deg); }
.menu-btn.open span:nth-child(2){ opacity:0; }
.menu-btn.open span:nth-child(3){ transform:translateY(-8px) rotate(-45deg); }
.mobile-menu{ position:fixed; top:0; left:0; right:0; z-index:99; background:var(--cream); border-bottom:3px solid var(--ink); display:flex; flex-direction:column; padding:88px 28px 28px; gap:6px; transform:translateY(-100%); opacity:0; transition:transform .32s ease, opacity .32s ease; pointer-events:none; }
.mobile-menu.open{ transform:translateY(0); opacity:1; pointer-events:auto; }
.mobile-menu a{ font-weight:700; font-size:20px; color:var(--ink); padding:14px 4px; border-bottom:2px solid rgba(28,24,19,.1); }
.mobile-menu a.say{ margin-top:10px; text-align:center; background:var(--ink); color:var(--paper); border-radius:100px; border-bottom:none; padding:16px; }
@media (max-width:760px){ .menu-btn{ display:flex; } }
@media (prefers-reduced-motion:reduce){ .mobile-menu{ transition:none; } }

/* ============ SECTION SEAMS ============ */
.seam{ display:block; width:100%; height:70px; position:relative; z-index:4; margin-bottom:-1px; }
.seam + *{ position:relative; z-index:2; }

/* scroll progress bar */
.lp-progress{ position:fixed; top:0; left:0; height:4px; width:0; background:var(--orange); z-index:200; }

@media (prefers-reduced-motion:reduce){
  html{ scroll-behavior:auto; }
  .qw-float{ animation:none !important; }
}