:root {
  --cream:          #FFF6EC;
  --cream-tint:     #FFE6CC;
  --ink:            #1A1A1A;
  --ink-soft:       #3A3A3A;
  --muted:          #666666;
  --rule:           rgba(26,26,26,0.06);
  --rule-strong:    rgba(26,26,26,0.10);
  --surface:        #FFFFFF;
  --surface-alt:    #F3EFE7;
  --accent:         #FF6A00;
  --accent-deep:    #A24500;
  --accent-soft:    rgba(255,106,0,0.12);
  --secondary:      #5B5BFF;
  --secondary-tint: #EDEDFF;
  --header-bg:      rgba(255,246,236,0.85);
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html, body {
  background: var(--cream);
  color: var(--ink);
  font-family: "Inter Tight", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 17px;
  line-height: 1.7;
  min-height: 100vh;
}

a { color: inherit; }

/* ── Animation ─────────────────────────────────── */

@keyframes liftoff {
  0%, 100% { transform: translateY(0)    rotate(-22deg); }
  50%       { transform: translateY(-6px) rotate(-22deg); }
}

.liftoff-bar {
  transform-origin: 50px 17.5px;
  animation: liftoff 3.4s ease-in-out infinite;
}

/* ── Link underline hover ───────────────────────── */

.stk-link { position: relative; }
.stk-link::after {
  content: '';
  position: absolute;
  left: 0; bottom: -3px;
  height: 2px; width: 0;
  background: var(--accent);
  transition: width 0.25s ease;
}
.stk-link:hover::after { width: 100%; }

/* ── Card hover ─────────────────────────────────── */

.stk-card { transition: transform 0.25s, box-shadow 0.25s; }
.stk-card:hover { transform: translateY(-3px); box-shadow: 0 12px 32px rgba(26,26,26,0.10); }

/* ── Typography ─────────────────────────────────── */

.stk-h1 { font-size: 96px; line-height: 0.93; letter-spacing: -4.5px; font-weight: 900; }
.stk-h2 { font-size: 56px; line-height: 1.0;  letter-spacing: -2.4px; font-weight: 900; }

/* ── Padding presets ────────────────────────────── */

.stk-header-pad   { padding: 24px 64px; }
.stk-pad          { padding: 100px 64px 80px; }
.stk-section-pad  { padding: 60px 64px; }
.stk-products-pad { padding: 80px 64px 100px; }
.stk-contact-pad  { padding: 40px 64px 100px; }
.stk-footer-pad   { padding: 32px 64px; }

/* ── Max-width wrapper ──────────────────────────── */

.stk-wrap { max-width: 1280px; margin: 0 auto; }

/* ── Grids ──────────────────────────────────────── */

.stk-hero-grid     { display: grid; grid-template-columns: 1.4fr 1fr; gap: 56px; align-items: center; }
.stk-about-grid    { display: grid; grid-template-columns: 1fr 1.4fr; gap: 56px; }
.stk-about-card    { background: var(--surface); border-radius: 32px; padding: 64px 72px; }
.stk-products-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.stk-contact-grid  {
  display: grid; grid-template-columns: 1.2fr 1fr; gap: 48px; align-items: center;
  padding: 72px 80px; border-radius: 32px;
  background: var(--ink); color: var(--cream);
}
.stk-nav-list  { display: flex; gap: 40px; }
.stk-store-row { display: flex; gap: 10px; flex-wrap: wrap; }

/* ── Product card ───────────────────────────────── */

.stk-product-pad  { padding: 36px 36px 32px; }
.stk-product-name { font-size: 38px; font-weight: 900; letter-spacing: -1.6px; margin-bottom: 14px; }

/* ── Privacy content ────────────────────────────── */

.stk-privacy-content p + p { margin-top: 14px; }
.stk-privacy-content h3 { margin-top: 28px; margin-bottom: 10px; }

/* ── Mobile (≤ 820px) ───────────────────────────── */

@media (max-width: 820px) {
  .stk-h1            { font-size: 52px !important; line-height: 1 !important; letter-spacing: -2px !important; }
  .stk-h2            { font-size: 36px !important; letter-spacing: -1.2px !important; line-height: 1.05 !important; }
  .stk-header-pad    { padding: 16px 22px !important; }
  .stk-pad           { padding: 50px 22px 30px !important; }
  .stk-section-pad   { padding: 30px 22px !important; }
  .stk-products-pad  { padding: 50px 22px !important; }
  .stk-contact-pad   { padding: 30px 22px 50px !important; }
  .stk-footer-pad    { padding: 24px 22px !important; flex-direction: column !important; gap: 12px !important; align-items: flex-start !important; }
  .stk-hero-grid     { grid-template-columns: 1fr !important; gap: 24px !important; }
  .stk-hero-svg-wrap { display: none !important; }
  .stk-about-grid    { grid-template-columns: 1fr !important; gap: 18px !important; }
  .stk-about-card    { padding: 32px 24px !important; border-radius: 22px !important; }
  .stk-products-grid { grid-template-columns: 1fr !important; }
  .stk-contact-grid  { grid-template-columns: 1fr !important; padding: 36px 24px !important; border-radius: 22px !important; }
  .stk-nav-list      { display: none !important; }
  .stk-product-pad   { padding: 28px !important; }
  .stk-product-name  { font-size: 28px !important; }
  .stk-store-row     { flex-direction: column !important; align-items: stretch !important; }
  .stk-footer-legal  { text-align: left !important; }
  .stk-twitter-btn   { padding: 9px 14px !important; font-size: 13px !important; }
  .stk-privacy-section { padding: 40px 22px 60px !important; max-width: 100% !important; }
}