@font-face {
  font-family: Golos;
  src: url(/partners/golos-cyrillic.woff2) format("woff2");
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: Golos;
  src: url(/partners/golos-latin.woff2) format("woff2");
  font-weight: 100 900;
  font-display: swap;
}
:root {
  color-scheme: light;
  --paper: #f2efea;
  --ink: #262a2c;
  --muted: #4c5559;
  --line: #c8c9c6;
  --accent: #394651;
  --on-accent: #faf8f3;
}
:root[data-palette="sage"] { --paper:#f5f2e8; --ink:#223029; --muted:#44574d; --line:#c3ccbf; --accent:#315849; }
:root[data-palette="sand"] { --paper:#f8eee4; --ink:#312822; --muted:#645044; --line:#dac5b7; --accent:#815138; }
:root[data-palette="blue"] { --paper:#eef3fa; --ink:#192943; --muted:#435670; --line:#bac9da; --accent:#244e98; }
:root[data-theme="dark"] { color-scheme:dark; --paper:#202325; --ink:#f1efeb; --muted:#bec5c7; --line:#505659; --accent:#dde4e8; --on-accent:#202325; }
:root[data-palette="sage"][data-theme="dark"] { --paper:#202924; --ink:#ecf0e8; --muted:#bdccbf; --line:#47574e; --accent:#c0e2cf; }
:root[data-palette="sand"][data-theme="dark"] { --paper:#2b241f; --ink:#f6ebe1; --muted:#cebbb0; --line:#625248; --accent:#f1cfb9; }
:root[data-palette="blue"][data-theme="dark"] { --paper:#182436; --ink:#eef4fa; --muted:#c3d2e6; --line:#465c76; --accent:#c3d8fe; }
/* Product accents sampled from the live interfaces. */
:root[data-palette="copper"] { --paper:#f2eee4; --ink:#292421; --muted:#5e4e43; --line:#cdbcb0; --accent:#78482f; }
:root[data-palette="training"] { --paper:#f0f2ed; --ink:#242a27; --muted:#45544b; --line:#bfccc1; --accent:#405948; }
:root[data-palette="amber"] { --paper:#eae5da; --ink:#292524; --muted:#5c5248; --line:#c8bbab; --accent:#754624; }
:root[data-palette="journal"] { --paper:#f3efe5; --ink:#20241f; --muted:#565847; --line:#cdc5b5; --accent:#a33729; }
:root[data-palette="lilac"] { --paper:#fcf7fb; --ink:#35243f; --muted:#65536b; --line:#ddd0df; --accent:#754561; }
:root[data-palette="copper"][data-theme="dark"] { --paper:#222120; --ink:#f2eee4; --muted:#d0bfb4; --line:#615048; --accent:#e3aa89; }
:root[data-palette="training"][data-theme="dark"] { --paper:#10151b; --ink:#edf2ed; --muted:#bbcfbd; --line:#3f504a; --accent:#bdd3a2; }
:root[data-palette="amber"][data-theme="dark"] { --paper:#161b21; --ink:#f2eee6; --muted:#d3c6b9; --line:#544c43; --accent:#e0ad73; }
:root[data-palette="journal"][data-theme="dark"] { --paper:#20241f; --ink:#f3efe5; --muted:#d0ccbc; --line:#50564a; --accent:#ea8068; }
:root[data-palette="lilac"][data-theme="dark"] { --paper:#2d2433; --ink:#f6ebf5; --muted:#d6bed5; --line:#624e61; --accent:#e9bbd5; }
*, *::before, *::after { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font:1rem/1.56 Golos,system-ui,sans-serif; }
.frame { width:min(100%, 68rem); margin-inline:auto; padding-inline:max(1.2rem,env(safe-area-inset-left)) max(1.2rem,env(safe-area-inset-right)); }
.page { display:flex; justify-content:space-between; align-items:center; gap:12px; padding-block:max(10px,env(safe-area-inset-top)) 10px; }
.brand { font-size:1.14rem; font-weight:680; text-decoration:none; }
.controls { display:flex; align-items:center; flex-shrink:0; }
.controls :is(a,button), .brand { display:inline-flex; min-height:44px; align-items:center; }
.controls a { padding-inline:7px; }
button { width:44px; min-height:44px; display:inline-grid; place-content:center; background:transparent; color:inherit; border:0; cursor:pointer; border-radius:5px; }
button:hover { background:color-mix(in srgb,var(--ink) 9%,transparent); }
a { color:inherit; text-underline-offset:.22em; }
a:hover { text-decoration-thickness:2px; }
:is(a,button):focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
:is(a,button):active { opacity:.82; }
.skip:not(:focus) { position:absolute; clip-path:inset(50%); }
.skip { position:absolute; background:var(--paper); z-index:2; padding:8px; }
main { padding-bottom:max(30px,env(safe-area-inset-bottom)); }
.hero { border-block:1px solid var(--line); padding-block:clamp(42px,8vw,98px) clamp(38px,6vw,74px); }
h1, h2, p { margin:0; }
h1 { max-width:15ch; font-size:clamp(2.4rem,7.1vw,6rem); line-height:.99; letter-spacing:-.062em; font-weight:665; text-wrap:balance; }
.hero p { max-width:54ch; margin:20px 0; color:var(--muted); font-size:clamp(1.04rem,2.4vw,1.36rem); }
.actions { display:flex; flex-wrap:wrap; gap:8px 18px; align-items:center; }
.action, .secondary { min-height:44px; display:inline-flex; align-items:center; }
.action { background:var(--accent); color:var(--on-accent); padding:8px 17px; border-radius:6px; font-weight:600; text-decoration:none; }
.action:hover { text-decoration:underline; }
nav { display:flex; flex-wrap:wrap; gap:0 24px; border-bottom:1px solid var(--line); }
nav a { display:inline-flex; align-items:center; min-height:44px; font-size:.91rem; color:var(--muted); }
.chapter { display:grid; grid-template-columns:1fr; padding-block:clamp(25px,4.4vw,58px); border-bottom:1px solid var(--line); scroll-margin-top:16px; }
h2 { font-size:clamp(1.32rem,3.9vw,2.75rem); line-height:1.08; letter-spacing:-.035em; font-weight:650; }
.chapter p { margin-top:9px; max-width:56ch; color:var(--muted); }
@media(max-width:500px) {
  nav { display:grid; grid-template-columns:1fr; padding-block:3px; }
  nav a + a { border-top:1px solid var(--line); }
  h1 { letter-spacing:-.048em; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }

.product-directory { list-style:none; padding:0; margin:0; }
.product-directory li { border-bottom:1px solid var(--line); }
.product-directory a {
  display:grid; grid-template-columns:minmax(11rem, 1fr) minmax(0, 1.62fr);
  align-items:baseline; gap:2px 24px; text-decoration:none;
  min-height:44px; padding-block:16px; line-height:1.4;
}
.product-directory a:hover strong { text-decoration:underline; }
.product-directory span { color:var(--muted); }
@media(max-width:500px) { .product-directory a { grid-template-columns:1fr; } }