.secondary-page { background: var(--paper); color: var(--ink); }
.secondary-page .site-header { border-bottom: 1px solid var(--line); }
.secondary-page .site-nav a[aria-current="page"] { color: var(--green); }
.secondary-hero { position: relative; overflow: hidden; padding: 92px 0 78px; color: #fff; background: var(--ink); }
.secondary-hero::before { position: absolute; inset: 0; content: ""; opacity: .25; background-image: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px); background-size: 42px 42px; }
.secondary-hero__grid { position: relative; display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr); gap: 80px; align-items: end; }
.secondary-hero h1 { max-width: 850px; margin: 0; font-family: var(--display); font-size: clamp(48px, 6vw, 84px); font-weight: 400; letter-spacing: -.055em; line-height: .91; text-transform: uppercase; }
.secondary-hero h1 em { color: var(--signal); font-style: normal; }
.secondary-hero__lead { max-width: 520px; margin: 0; color: rgba(255,255,255,.7); font-size: 14px; line-height: 1.75; }
.secondary-hero__meta { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 26px; }
.secondary-hero__meta span { padding: 8px 10px; border: 1px solid rgba(255,255,255,.2); color: rgba(255,255,255,.65); font-family: var(--mono); font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.secondary-hero--image { padding-bottom: 0; }
.secondary-hero--image .secondary-hero__grid { align-items: center; padding-bottom: 70px; }
.secondary-hero__image { min-height: 420px; margin: 0; overflow: hidden; box-shadow: var(--shadow); }
.secondary-hero__image img { height: 100%; object-fit: cover; }

.catalog-page { padding: 72px 0 100px; color: #fff; background: var(--ink); }
.catalog-toolbar { display: grid; grid-template-columns: minmax(240px, 1fr) auto auto; gap: 12px; align-items: center; margin-bottom: 28px; }
.catalog-search { position: relative; }
.catalog-search input, .catalog-sort { width: 100%; min-height: 46px; border: 1px solid rgba(255,255,255,.2); border-radius: 0; color: #fff; background: rgba(255,255,255,.045); font: inherit; font-size: 12px; }
.catalog-search input { padding: 0 46px 0 15px; }
.catalog-search span { position: absolute; right: 15px; top: 50%; color: var(--signal); transform: translateY(-50%); }
.catalog-sort { min-width: 178px; padding: 0 34px 0 13px; }
.catalog-sort option { color: var(--ink); }
.catalog-filters { display: flex; flex-wrap: wrap; gap: 7px; }
.catalog-filters button { min-height: 38px; padding: 0 13px; border: 1px solid rgba(255,255,255,.2); color: rgba(255,255,255,.65); background: transparent; font-size: 10px; cursor: pointer; }
.catalog-filters button:hover, .catalog-filters button.is-active { color: var(--ink); background: var(--signal); border-color: var(--signal); }
.catalog-summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: 0 0 20px; color: rgba(255,255,255,.52); font-family: var(--mono); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.catalog-summary strong { color: #fff; font-weight: 500; }
.catalog-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.catalog-empty { padding: 60px 24px; border: 1px solid rgba(255,255,255,.16); color: rgba(255,255,255,.6); text-align: center; }
.catalog-empty strong { display: block; margin-bottom: 8px; color: #fff; font-family: var(--display); font-size: 28px; font-weight: 400; text-transform: uppercase; }
.catalog-more { display: flex; justify-content: center; margin-top: 30px; }
.catalog-more button { min-width: 190px; }

.content-section { padding: 100px 0; }
.content-section--white { background: #fff; }
.content-intro { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(300px, .65fr); gap: 90px; align-items: start; }
.content-intro h2, .content-block h2, .guide-faq h2 { margin: 0; font-family: var(--display); font-size: clamp(40px, 5vw, 70px); font-weight: 400; letter-spacing: -.05em; line-height: .96; text-transform: uppercase; }
.content-intro__copy > p { margin: 0 0 18px; color: rgba(17,21,16,.68); font-size: 14px; line-height: 1.8; }
.content-facts { margin: 34px 0 0; border-top: 1px solid var(--line); }
.content-facts div { display: grid; grid-template-columns: 130px 1fr; gap: 22px; padding: 17px 0; border-bottom: 1px solid var(--line); }
.content-facts dt { color: var(--green); font-family: var(--mono); font-size: 9px; letter-spacing: .09em; text-transform: uppercase; }
.content-facts dd { margin: 0; font-size: 13px; font-weight: 700; }
.proof-grid { display: grid; grid-template-columns: 1.25fr .75fr .75fr; grid-template-rows: 300px; gap: 10px; margin-top: 48px; }
.proof-grid figure { margin: 0; overflow: hidden; }
.proof-grid img { height: 100%; object-fit: cover; }
.principle-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 48px; border: 1px solid var(--line); background: var(--line); }
.principle-card { min-height: 230px; padding: 28px; background: var(--paper); }
.principle-card span { color: var(--copper); font-family: var(--mono); font-size: 10px; }
.principle-card h3 { margin: 38px 0 12px; font-family: var(--display); font-size: 24px; font-weight: 400; text-transform: uppercase; }
.principle-card p { margin: 0; color: rgba(17,21,16,.62); font-size: 12px; line-height: 1.7; }

.guide-steps { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.guide-steps li { display: grid; grid-template-columns: 80px minmax(220px, .55fr) 1fr; gap: 32px; padding: 30px 0; border-bottom: 1px solid var(--line); }
.guide-steps li > span { color: var(--green); font-family: var(--mono); font-size: 11px; }
.guide-steps strong { font-family: var(--display); font-size: 23px; font-weight: 400; text-transform: uppercase; }
.guide-steps p { margin: 0; color: rgba(17,21,16,.62); font-size: 13px; line-height: 1.75; }
.evidence-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 44px; }
.evidence-card { min-height: 270px; padding: 26px; color: #fff; background: var(--ink); }
.evidence-card span { color: var(--signal); font-family: var(--mono); font-size: 9px; text-transform: uppercase; }
.evidence-card h3 { margin: 60px 0 12px; font-family: var(--display); font-size: 26px; font-weight: 400; text-transform: uppercase; }
.evidence-card p { margin: 0; color: rgba(255,255,255,.62); font-size: 12px; line-height: 1.7; }
.guide-faq { padding-top: 90px; }
.guide-faq__list { margin-top: 40px; border-top: 1px solid var(--line); }
.guide-faq details { border-bottom: 1px solid var(--line); }
.guide-faq summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 22px 0; font-weight: 800; cursor: pointer; list-style: none; }
.guide-faq summary::after { color: var(--green); content: "+"; font-size: 20px; }
.guide-faq details[open] summary::after { content: "−"; }
.guide-faq details p { max-width: 760px; margin: -5px 0 22px; color: rgba(17,21,16,.64); font-size: 13px; line-height: 1.75; }

.privacy-layout { display: grid; grid-template-columns: 260px minmax(0, 760px); gap: 90px; align-items: start; }
.privacy-index { position: sticky; top: 115px; margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.privacy-index li { padding: 12px 0; border-bottom: 1px solid var(--line); color: rgba(17,21,16,.58); font-family: var(--mono); font-size: 9px; text-transform: uppercase; }
.privacy-copy section { margin-bottom: 50px; }
.privacy-copy h2 { margin: 0 0 16px; font-family: var(--display); font-size: 30px; font-weight: 400; text-transform: uppercase; }
.privacy-copy p, .privacy-copy li { color: rgba(17,21,16,.68); font-size: 13px; line-height: 1.8; }
.privacy-copy ul { padding-left: 20px; }
.privacy-copy a { color: var(--green); text-decoration: underline; }

.secondary-cta { padding: 74px 0; color: #fff; background: var(--green-deep); }
.secondary-cta__grid { display: grid; grid-template-columns: 1fr auto; gap: 50px; align-items: center; }
.secondary-cta h2 { max-width: 760px; margin: 0; font-family: var(--display); font-size: clamp(36px, 5vw, 62px); font-weight: 400; letter-spacing: -.045em; line-height: .96; text-transform: uppercase; }
.secondary-footer-links { display: flex; flex-wrap: wrap; gap: 18px; }
.secondary-footer-links a { color: rgba(255,255,255,.6); font-size: 10px; text-transform: uppercase; }
.secondary-footer-links a:hover { color: #fff; }

html[dir="rtl"] .catalog-search input { padding-right: 15px; padding-left: 46px; }
html[dir="rtl"] .catalog-search span { right: auto; left: 15px; }
html[dir="rtl"] .privacy-copy ul { padding-left: 0; padding-right: 20px; }

@media (max-width: 950px) {
  .secondary-hero__grid, .content-intro { grid-template-columns: 1fr; gap: 34px; }
  .catalog-toolbar { grid-template-columns: 1fr; }
  .catalog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .principle-grid, .evidence-grid { grid-template-columns: 1fr; }
  .guide-steps li { grid-template-columns: 52px 1fr; }
  .guide-steps p { grid-column: 2; }
  .privacy-layout { grid-template-columns: 1fr; gap: 38px; }
  .privacy-index { position: static; }
}

@media (max-width: 780px) {
  .secondary-hero { padding: 58px 0 48px; }
  .secondary-hero h1 { font-size: clamp(40px, 12vw, 54px); }
  .secondary-hero--image .secondary-hero__grid { padding-bottom: 46px; }
  .secondary-hero__image { min-height: 290px; }
  .catalog-page { padding: 48px 0 70px; }
  .catalog-toolbar { gap: 10px; margin-bottom: 20px; }
  .catalog-filters { flex-wrap: nowrap; margin-inline: -15px; padding-inline: 15px; overflow-x: auto; scrollbar-width: none; }
  .catalog-filters::-webkit-scrollbar { display: none; }
  .catalog-filters button { flex: 0 0 auto; }
  .catalog-summary { align-items: flex-start; flex-direction: column; gap: 5px; }
  .catalog-grid { grid-template-columns: 1fr; }
  .content-section { padding: 62px 0; }
  .content-intro h2, .content-block h2, .guide-faq h2 { font-size: clamp(35px, 10vw, 48px); }
  .content-facts div { grid-template-columns: 100px 1fr; }
  .proof-grid { grid-template-columns: 1.3fr .7fr; grid-template-rows: 250px 170px; }
  .proof-grid figure:first-child { grid-column: 1 / -1; }
  .principle-card { min-height: 190px; padding: 22px; }
  .principle-card h3 { margin-top: 30px; }
  .guide-steps li { grid-template-columns: 36px 1fr; gap: 10px; padding: 22px 0; }
  .guide-steps strong { font-size: 20px; }
  .evidence-card { min-height: 220px; }
  .evidence-card h3 { margin-top: 38px; }
  .guide-faq { padding-top: 62px; }
  .privacy-layout { gap: 25px; }
  .privacy-index { display: none; }
  .secondary-cta { padding: 54px 0; }
  .secondary-cta__grid { grid-template-columns: 1fr; gap: 28px; }
}