/* Starwise · Star Partners and Star Creators  (FE, 12 Nov 2026)
   The Future Partner page's luminous tokens: cream by day, deep blue by night, gold for what matters.
   One file for /partners/ and /creators/. Words: GPT-6 Luna, EN/RU/UK (assets/partners-words.js). */
/* the headings' face, declared here as /start/ and the forecast page do (the shared font file has no Playfair yet: web #160) */
@font-face{font-family:'Playfair Display';font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/playfair-400i-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Playfair Display';font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/playfair-400i-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Playfair Display';font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/playfair-400i-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/playfair-400-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/playfair-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/playfair-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
html[data-lang="ru"]:not([data-i18n-ready]) [data-i18n],
html[data-lang="uk"]:not([data-i18n-ready]) [data-i18n]{visibility:hidden}
:root{
  --base:#F8F4EC;
  --sky:radial-gradient(70% 45% at 85% -5%,rgba(244,196,120,.50),transparent 70%),radial-gradient(60% 40% at 0% 0%,rgba(165,195,235,.45),transparent 70%),radial-gradient(70% 30% at 15% 60%,rgba(245,215,170,.30),transparent 70%);
  --glass:rgba(255,255,255,.62); --edge:rgba(255,255,255,.85); --rule:rgba(20,28,64,.11); --rule-2:rgba(20,28,64,.2);
  --ink:#141C40; --ink-2:#474E6C; --ink-3:#596080; --gold:#8A6A1E; --gold-l:#C9A653; --wash:rgba(201,166,83,.14);
  --shadow:0 1px 2px rgba(100,80,40,.05),0 12px 36px rgba(100,80,40,.10);
  --cta:linear-gradient(135deg,#F1DDA4,#D6B263); --cta-ink:#1A1F3A; --solid:#FCF9F2; --lk-ink:#0F1B3D;
  --display:"Playfair Display",Georgia,"Times New Roman",serif;
  --sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){
  :root{
    --base:#070B24;
    --sky:radial-gradient(70% 40% at 10% -5%,rgba(60,90,190,.42),transparent 70%),radial-gradient(55% 35% at 95% 5%,rgba(212,188,109,.16),transparent 70%),radial-gradient(70% 30% at 85% 60%,rgba(50,75,170,.22),transparent 70%);
    --glass:rgba(255,255,255,.06); --edge:rgba(255,255,255,.12); --rule:rgba(255,255,255,.13); --rule-2:rgba(255,255,255,.24);
    --ink:#F4EDDE; --ink-2:#C8C1B2; --ink-3:#A7A296; --gold:#D9C27A; --gold-l:#D4BC6D; --wash:rgba(212,188,109,.12);
    --shadow:0 1px 1px rgba(0,0,0,.25),0 16px 44px rgba(0,0,0,.30);
    --cta:linear-gradient(135deg,#E8D08A,#C9A653); --cta-ink:#0A0E2E; --solid:#121937; --lk-ink:#F4EDDE;
    color-scheme:dark;
  }
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--base);scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{min-height:100vh;color:var(--ink);font:400 16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;
  padding:max(18px,env(safe-area-inset-top)) 16px max(40px,env(safe-area-inset-bottom))}
body::before{content:"";position:fixed;top:0;left:0;width:100%;height:100vh;height:100lvh;z-index:-1;pointer-events:none;background:var(--sky),var(--base)}
[hidden]{display:none!important}
main{max-width:680px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);gap:44px}
a{color:inherit}
.lk{display:block;color:var(--lk-ink);width:132px;height:auto}
.top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:4px}
.top .lk{width:120px}
.pills{display:flex;gap:6px}
.lang-pill{-webkit-appearance:none;appearance:none;border:1px solid var(--rule);background:transparent;color:var(--ink-2);border-radius:999px;
  padding:7px 11px;font:500 12px/1 var(--sans);letter-spacing:.06em;cursor:pointer}
.lang-pill.is-active{background:var(--cta);border-color:transparent;color:var(--cta-ink);font-weight:600}
.eyebrow{font:600 11px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin:0 0 12px}
h1{font:400 clamp(36px,9vw,56px)/1.06 var(--display);letter-spacing:-.015em;text-wrap:balance}
h1 em,h2 em{font-style:italic;color:transparent;background:linear-gradient(100deg,var(--gold),var(--gold-l) 60%,var(--gold));-webkit-background-clip:text;background-clip:text;padding-bottom:.06em}
h2{font:400 clamp(28px,7vw,38px)/1.12 var(--display);letter-spacing:-.01em;text-wrap:balance}
h3{font:400 21px/1.25 var(--display)}
p{text-wrap:pretty}
.glass{background:var(--glass);border:1px solid var(--edge);border-radius:20px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2)}
.go{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;border:0;border-radius:999px;cursor:pointer;padding:0 30px;text-align:center;
  background:var(--cta);color:var(--cta-ink);font:600 16.5px/1.25 var(--sans);text-decoration:none;
  box-shadow:0 6px 22px color-mix(in srgb,var(--gold-l) 35%,transparent),inset 0 1px 0 rgba(255,255,255,.5)}
.go:focus-visible,.lang-pill:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold-l);outline-offset:3px}
.go[disabled]{cursor:default;filter:grayscale(.9);opacity:.5;box-shadow:none}

/* the hero */
.hero{display:grid;gap:18px;text-align:center;justify-items:center;padding-top:18px}
.hero .lead{font:400 18px/1.55 var(--sans);color:var(--ink-2);max-width:32em}
.hero .go{margin-top:6px;min-width:min(100%,280px)}

/* four facts in large type */
.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.fact{padding:22px 18px 20px;display:grid;gap:6px;align-content:start}
.fact .big{font:400 clamp(28px,7.4vw,40px)/1.05 var(--display);color:var(--gold);font-variant-numeric:lining-nums tabular-nums;text-wrap:balance}
.fact p{font:400 14.5px/1.5 var(--sans);color:var(--ink-2)}
/* phones: one fact per row, so the longer lines (net sales, RU/UK) read in full */
@media (max-width:599px){.facts{grid-template-columns:minmax(0,1fr)}.fact{padding:18px 20px}}

/* how it works */
.sec{display:grid;gap:18px}
.sec>.eyebrow{margin:0}
.steps{list-style:none;display:grid;gap:12px;counter-reset:s}
.steps li{counter-increment:s;display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start;padding:20px}
.steps li::before{content:counter(s);width:44px;height:44px;border-radius:50%;display:grid;place-content:center;
  font:italic 400 20px/1 var(--display);color:var(--gold);background:var(--wash);border:1px solid color-mix(in srgb,var(--gold-l) 45%,transparent)}
.steps p,.card p{color:var(--ink-2);font-size:15px;margin-top:6px}

/* plain cards: which customers are yours, payment, your account */
.cards{display:grid;gap:12px}
.card{padding:22px 20px}
.card a{text-decoration:underline;text-decoration-color:var(--gold-l);text-underline-offset:3px}

/* the rules */
.rules{list-style:none;display:grid;gap:10px;padding:20px 20px 22px}
.rules li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;font-size:15px;color:var(--ink-2)}
.rules li::before{content:"\2726";color:var(--gold);font-size:11px;line-height:2.1}

/* join */
.join{padding:26px 20px 24px;display:grid;gap:16px;scroll-margin-top:16px}
.join .eyebrow{margin:0}
.join form{display:grid;gap:14px}
.join label.f{display:grid;gap:7px;font:500 13px/1.3 var(--sans);color:var(--ink-2)}
.join input[type=text],.join input[type=email],.join input[type=url]{width:100%;min-height:52px;padding:13px 15px;font:400 16px/1.3 var(--sans);color:var(--ink);
  background:var(--solid);border:1px solid var(--rule);border-radius:12px;-webkit-appearance:none;appearance:none}
.join input::placeholder{color:var(--ink-3)}
.join input:focus{outline:none;border-color:var(--gold-l);box-shadow:0 0 0 3px var(--wash)}
.tick{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;align-items:start;padding:14px;border-radius:14px;background:var(--wash);
  border:1px solid color-mix(in srgb,var(--gold-l) 45%,transparent);font:400 14.5px/1.5 var(--sans);color:var(--ink);cursor:pointer}
.tick input{width:22px;height:22px;margin-top:1px;accent-color:var(--gold);cursor:pointer}
.tick a{text-decoration:underline;text-decoration-color:var(--gold-l);text-underline-offset:3px}
.tick:focus-within{border-color:var(--gold-l);box-shadow:0 0 0 3px var(--wash)}
.tick input:focus-visible{outline:2px solid var(--gold-l);outline-offset:2px}
.join .go{width:100%}
.soon{font:400 13.5px/1.5 var(--sans);color:var(--ink-3);text-align:center}
.soon a{color:var(--ink-3);text-decoration:underline;text-decoration-color:var(--gold-l);text-underline-offset:3px}
/* the join box's own answers  [BE be-1794702551]: a hidden field for robots, a status line, the thank-you */
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}
.said{font:500 14px/1.5 var(--sans);text-align:center;color:var(--ink)}
.said:empty{margin-top:-14px}   /* stays in the page, so readers announce it the moment words arrive; the grid gap is cancelled */
.joined:focus{outline:none}
.said.err{color:#9B3B2E}
@media (prefers-color-scheme: dark){.said.err{color:#F2A08F}}
.joined{font:400 clamp(20px,4.6vw,24px)/1.4 var(--display);text-align:center;padding:10px 4px 6px;text-wrap:balance}
.soon:focus{outline:none}

.other{text-align:center;font:400 15px/1.5 var(--sans);color:var(--ink-2)}
.other a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--gold-l);text-underline-offset:3px}

footer{display:grid;gap:14px;justify-items:center;text-align:center;padding-top:6px;border-top:1px solid var(--rule)}
footer .lk{margin-top:18px}
footer .contact{font:400 14px/1.5 var(--sans);color:var(--ink-2)}
footer .legal{font:400 13px/1.6 var(--sans);color:var(--ink-3)}
footer .legal a{color:var(--ink-3);text-underline-offset:3px}

/* wide screens: the facts in one row, the cards side by side */
@media (min-width:900px){
  main{max-width:960px;gap:56px}
  .hero{padding-top:40px}
  .facts{grid-template-columns:repeat(4,minmax(0,1fr))}
  .steps{grid-template-columns:repeat(var(--n,3),minmax(0,1fr))}
  .steps li{grid-template-columns:1fr;gap:14px}
  .cards{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}
  .join{max-width:640px;width:100%;justify-self:center;padding:34px 34px 30px}
}