/* PAUZEN public site — shared landing/support layer. */
.public-topbar {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  min-height: 74px;
}

.public-nav {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(8px, 2.3vw, 30px);
}

.public-nav a {
  position: relative;
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  padding: 0 4px;
  color: var(--pz-muted);
  font-size: 11px;
  font-weight: 650;
  letter-spacing: .035em;
  text-decoration: none;
}

.public-nav a:hover,
.public-nav a[aria-current="page"] { color: #fff; }
.public-nav a[aria-current="page"]::after {
  content: "";
  position: absolute;
  right: 4px;
  bottom: 1px;
  left: 4px;
  height: 2px;
  border-radius: 2px;
  background: var(--pz-gold-light);
}

.public-hero { border-bottom: 1px solid rgba(255, 224, 154, .1); }

.problem-section,
.process-section,
.responsible-note,
.final-cta,
.support-main,
.public-footer {
  width: min(1320px, calc(100% - 40px));
  margin-inline: auto;
}

.problem-section {
  display: grid;
  grid-template-columns: minmax(0, .78fr) minmax(540px, 1.22fr);
  gap: clamp(48px, 8vw, 120px);
  padding: clamp(76px, 10vw, 142px) 0;
}

.problem-copy h2,
.process-section > header h2,
.responsible-note h2,
.final-cta h2,
.support-hero h1 {
  margin: 12px 0 17px;
  font-family: var(--font-display);
  font-size: clamp(38px, 4.7vw, 66px);
  font-weight: 520;
  line-height: 1.02;
  letter-spacing: -.055em;
  text-wrap: balance;
}

.problem-copy > p:last-child {
  max-width: 600px;
  margin: 0;
  color: #b7c5d6;
  font-size: 15px;
  line-height: 1.7;
}

.problem-points { display: flex; flex-direction: column; gap: 10px; }
.problem-points article {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  align-items: center;
  gap: 2px 17px;
  padding: 23px;
  border: 1px solid var(--pz-line);
  border-radius: var(--pz-radius-card);
  background: linear-gradient(118deg, rgba(57, 42, 19, .54), rgba(16, 23, 29, .95) 58%);
}
.problem-points article > span {
  grid-row: 1 / 3;
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  color: var(--pz-gold-light);
  background: rgba(209, 161, 62, .13);
  font-size: 9px;
  font-weight: 800;
}
.problem-points b { font-family: var(--font-display); font-size: 16px; }
.problem-points p { margin: 5px 0 0; color: var(--pz-muted); font-size: 12px; line-height: 1.5; }

.process-section { padding: clamp(78px, 9vw, 126px) 0; border-top: 1px solid rgba(255, 224, 154, .1); }
.process-section > header { max-width: 820px; margin-bottom: 44px; }
.process-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.process-grid article {
  min-height: 250px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 26px;
  border: 1px solid var(--pz-line);
  border-radius: var(--pz-radius-card);
  background: linear-gradient(150deg, rgba(16, 23, 29, .98), rgba(8, 11, 14, .98));
}
.process-grid article > span {
  color: var(--pz-gold-light);
  font-size: 38px;
  font-weight: 450;
  letter-spacing: -.06em;
}
.process-grid b { font-family: var(--font-display); font-size: 20px; line-height: 1.15; }
.process-grid p { margin: 9px 0 0; color: var(--pz-muted); font-size: 13px; line-height: 1.55; }

.responsible-note {
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr);
  gap: 25px;
  align-items: start;
  margin-block: 0 clamp(76px, 9vw, 128px);
  padding: clamp(28px, 4vw, 48px);
  border: 1px solid rgba(114, 216, 255, .18);
  border-radius: 26px;
  background: radial-gradient(circle at 8% 30%, rgba(16, 74, 107, .28), transparent 23rem), #10171d;
}
.responsible-note > span {
  width: 62px;
  height: 62px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(114, 216, 255, .2);
  border-radius: 19px;
  color: #72d8ff;
  background: #102638;
  font-size: 22px;
  font-style: italic;
}
.responsible-note h2 { max-width: 880px; margin-block: 10px 11px; font-size: clamp(31px, 4vw, 52px); }
.responsible-note div > p:last-child { max-width: 890px; margin: 0; color: #aebfd1; font-size: 14px; line-height: 1.65; }

.final-cta {
  min-height: 330px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(26px, 5vw, 68px);
  margin-bottom: clamp(76px, 9vw, 130px);
  padding: clamp(34px, 5vw, 68px);
  overflow: hidden;
  border: 1px solid rgba(255, 224, 154, .24);
  border-radius: 28px;
  background: radial-gradient(circle at 10% 20%, rgba(209, 161, 62, .22), transparent 28rem), linear-gradient(118deg, #151108, #10171d 72%);
}
.final-cta h2 { max-width: 760px; }
.final-cta div > p:last-child { max-width: 760px; margin: 0; color: #b7c5d6; font-size: 15px; line-height: 1.65; }
.final-actions { display: flex; flex-direction: column; gap: 9px; }
.final-community {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 17px;
  border: 1px solid var(--pz-line);
  border-radius: 14px;
  color: #fff;
  background: #10171d;
  font-size: 10px;
  font-weight: 750;
  letter-spacing: .05em;
  text-decoration: none;
  text-transform: uppercase;
}

.public-footer {
  display: grid;
  grid-template-columns: minmax(190px, 1fr) auto auto;
  align-items: center;
  gap: 30px;
  padding: 31px 0 calc(31px + env(safe-area-inset-bottom, 0px));
  border-top: 1px solid rgba(255, 224, 154, .12);
}
.public-footer > div p { margin: 8px 0 0; color: var(--pz-muted); font-size: 10px; }
.public-footer nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 18px; }
.public-footer nav a { color: var(--pz-muted); font-size: 10px; text-decoration: none; }
.public-footer nav a:hover { color: #fff; }
.public-footer > p { margin: 0; color: #66798e; font-size: 9px; }

/* Support */
.support-main { padding: clamp(66px, 9vw, 120px) 0 clamp(88px, 11vw, 150px); }
.support-hero { max-width: 850px; }
.support-hero h1 { font-size: clamp(47px, 6vw, 80px); }
.support-hero > p:last-child { max-width: 700px; margin: 0; color: #b7c5d6; font-size: 17px; line-height: 1.65; }
.support-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 56px; }
.support-card {
  min-height: 270px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: clamp(24px, 4vw, 42px);
  border: 1px solid var(--pz-line);
  border-radius: 24px;
  background: linear-gradient(145deg, rgba(16, 23, 29, .98), rgba(9, 13, 16, .98));
}
.support-card.primary { border-color: rgba(255, 224, 154, .28); background: linear-gradient(138deg, rgba(57, 42, 19, .75), rgba(16, 23, 29, .96)); }
.support-icon { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 15px; color: var(--pz-gold-light); background: rgba(209, 161, 62, .14); font-size: 19px; }
.support-card h2 { margin: 26px 0 9px; font-family: var(--font-display); font-size: 25px; letter-spacing: -.03em; }
.support-card p { max-width: 500px; margin: 0 0 23px; color: var(--pz-muted); font-size: 13px; line-height: 1.6; }
.support-link { min-height: 47px; display: inline-flex; align-items: center; justify-content: center; margin-top: auto; padding: 0 17px; border: 1px solid rgba(255, 224, 154, .25); border-radius: 13px; color: #080704; background: linear-gradient(105deg, #dfa93a, var(--pz-gold-light)); font-size: 11px; font-weight: 750; text-decoration: none; }
.support-card:not(.primary) .support-link { color: #fff; border-color: var(--pz-line); background: #10171d; }
.support-note { max-width: 780px; margin-top: 25px; padding: 19px 21px; border-left: 2px solid var(--pz-gold-light); border-radius: 0 15px 15px 0; color: #aebfd1; background: rgba(16, 23, 29, .78); font-size: 12px; line-height: 1.6; }

@media (max-width: 1000px) {
  .problem-section { grid-template-columns: 1fr; }
  .problem-copy { max-width: 790px; }
  .final-cta { grid-template-columns: auto 1fr; }
  .final-actions { grid-column: 2; align-items: flex-start; }
}

@media (max-width: 800px) {
  .public-topbar {
    width: 100%;
    max-width: 100vw;
    grid-template-columns: minmax(0, 1fr) auto;
    justify-content: space-between;
    overflow: hidden;
    padding: 10px 14px 0;
  }
  .public-topbar > * { min-width: 0; }
  .public-topbar .language-switch { justify-self: end; }
  .public-nav {
    width: 100%;
    max-width: 100%;
    grid-column: 1 / -1;
    order: 3;
    justify-content: flex-start;
    gap: 20px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    padding: 4px 1px 7px;
    scrollbar-width: none;
  }
  .public-nav::-webkit-scrollbar { display: none; }
  .public-nav a { flex: 0 0 auto; min-height: 34px; }
  .sales-hero,
  .sales-hero-grid,
  .sales-copy,
  .sales-product {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
  .sales-hero { overflow: hidden; }
  .sales-hero::before {
    inset: auto 0 -18% 0;
    width: 100%;
    height: 56%;
  }
  .sales-copy h1,
  .sales-lead,
  .sales-manifesto,
  .sales-actions,
  .store-area { max-width: 100%; }
  .sales-manifesto > div { min-width: 0; }
  .sales-manifesto strong,
  .sales-manifesto span,
  .sales-lead { overflow-wrap: break-word; }
  .sales-actions > *,
  .store-badges > * { min-width: 0; max-width: 100%; }
  .sales-product { overflow: hidden; }
  .sales-orbit { max-width: 100%; aspect-ratio: 1; height: auto; }
  .orbit-one { width: min(100%, 430px); }
  .orbit-two { width: min(82%, 350px); transform: translate(5%, 7%); }
  .focus-preview { width: min(370px, 100%); max-width: 100%; }
  .problem-section,
  .process-section,
  .responsible-note,
  .final-cta,
  .support-main,
  .public-footer { width: min(100% - 36px, 680px); }
  .process-grid { grid-template-columns: 1fr; }
  .process-grid article { min-height: 210px; }
  .final-cta { grid-template-columns: 1fr; gap: 24px; }
  .final-actions { grid-column: auto; align-items: stretch; }
  .public-footer { grid-template-columns: 1fr; justify-items: start; }
  .public-footer nav { justify-content: flex-start; }
  .support-options { grid-template-columns: 1fr; }
}

@media (max-width: 430px) {
  .public-topbar .brand { max-width: 158px; }
  .public-topbar .language-switch { width: 88px; max-width: 88px; }
  .public-nav { gap: 16px; }
  .sales-copy h1 {
    max-width: 100%;
    font-size: clamp(38px, 12.2vw, 46px);
    line-height: 1.01;
    letter-spacing: -.052em;
  }
  .sales-lead { width: 100%; font-size: 15px; line-height: 1.62; }
  .sales-manifesto { width: 100%; gap: 12px; }
  .sales-manifesto strong { font-size: 14px; }
  .sales-manifesto span { font-size: 11.5px; }
  .sales-actions,
  .store-badges { width: 100%; }
  .sales-cta,
  .sales-cta-primary,
  .store-badge { min-width: 0; width: 100%; white-space: normal; }
  .sales-product { min-height: 545px; }
  .focus-preview { width: 100%; }
  .problem-section,
  .process-section,
  .responsible-note,
  .final-cta,
  .support-main,
  .public-footer { width: calc(100% - 32px); }
  .problem-copy h2,
  .process-section > header h2,
  .support-hero h1 { font-size: 39px; }
  .problem-points article { grid-template-columns: 40px minmax(0, 1fr); padding: 18px; }
  .problem-points article > span { width: 40px; height: 40px; }
  .responsible-note { grid-template-columns: 1fr; padding: 24px 20px; }
  .responsible-note > span { width: 50px; height: 50px; border-radius: 15px; }
  .final-cta { padding: 30px 22px; border-radius: 22px; }
  .final-cta h2 { font-size: 38px; }
  .support-main { padding-top: 60px; }
  .support-hero > p:last-child { font-size: 15px; }
  .support-card { min-height: 245px; padding: 24px; }
}