/* Paketti shared UI foundation: additive, no authentication or data-flow changes. */
:root {
  --pk-space-1: 4px; --pk-space-2: 8px; --pk-space-3: 12px;
  --pk-space-4: 16px; --pk-space-6: 24px; --pk-space-8: 32px;
  --pk-space-12: 48px;
  --pk-focus: #bd7521; --pk-ink: #16253d; --pk-muted: #657189;
  --pk-border: #dce3ee; --pk-surface: #fff;
  --pk-radius-sm: 10px; --pk-radius-md: 14px;
}
:where(button, input, select, textarea, a):focus-visible {
  outline: 3px solid var(--pk-focus);
  outline-offset: 2px;
}
:where(input, select, textarea) { max-width: 100%; }
:where(.card, .pn-benefits article, .pn-logo-tile) { min-width: 0; }
:where(.shell, .main, .pn-home, .pn-section) { min-width: 0; }
:where(h1,h2,h3,p) { overflow-wrap: break-word; }
@media (max-width: 760px) {
  :where(.shell) { padding-inline: 16px; }
  :where(.row) { flex-wrap: wrap; }
  :where(.pn-hero) { padding-inline: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

/* Taste Skill-inspired refinement: marketing and registration only.
   No external assets, scripts, analytics, or customer data. */
.pn-home-reimagined {
  --pk-marketing-ink: #202b3e;
  --pk-marketing-line: #e7eaf0;
  color: var(--pk-marketing-ink);
}
.pn-home-reimagined :where(h1,h2,h3) {
  text-wrap: balance;
  letter-spacing: -.035em;
}
.pn-home-reimagined :where(p) {
  text-wrap: pretty;
}
.pn-home-reimagined :where(.pn-home-hero-premium,.pn-section) {
  max-width: 100%;
}
.pn-home-reimagined :where(.pn-benefits article,.pn-logo-tile,.price-card) {
  border-color: var(--pk-marketing-line);
  transition: border-color .18s ease, transform .18s ease;
}
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  .pn-home-reimagined :where(.pn-benefits article,.price-card):hover {
    transform: translateY(-2px);
    border-color: #cbd3df;
  }
}
.signup-wrap {
  --pk-signup-ink: #202b3e;
  color: var(--pk-signup-ink);
}
.signup-heading h1 {
  text-wrap: balance;
  letter-spacing: -.04em;
}
.signup-layout { gap: clamp(24px, 4vw, 48px); }
.signup-plan {
  background: #fff;
  transition: border-color .18s ease, box-shadow .18s ease;
}
.signup-plan:focus-within {
  outline: 3px solid var(--pk-focus);
  outline-offset: 2px;
}
.signup-plan.selected {
  border-color: #bd7521;
  background: #fff9f1;
  box-shadow: 0 0 0 2px rgb(237 155 53 / 12%);
}
.signup-form-card {
  background: #fff;
  border: 1px solid var(--pk-border);
  box-shadow: 0 12px 36px rgb(22 37 61 / 6%);
}
.signup-form-card :where(input,select,textarea) {
  min-height: 44px;
  border-radius: var(--pk-radius-sm);
}
.signup-form-card :where(button[type="submit"]) { min-height: 46px; }
@media (max-width:850px) {
  .signup-layout { gap: 24px; }
}
@media (max-width:440px) {
  .signup-wrap { width: calc(100% - 32px); }
  .signup-heading h1 { font-size: clamp(28px, 8vw, 34px); }
  .signup-plan { gap: 10px; }
}