@property --fny-fxang{syntax:'<angle>';inherits:false;initial-value:120deg}
@property --fny-fxc{syntax:'<color>';inherits:false;initial-value:#5f6c97}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;scroll-behavior:smooth;overflow-x:clip}
body{margin:0}
img,svg,video,canvas,iframe{max-width:100%;height:auto}
img,svg,video{display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
h1,h2,h3,h4,h5,p,ul,ol,dl,dd,figure,blockquote{margin:0}
strong,b{font-weight:700}
:where(table){border-collapse:collapse}
[id]{scroll-margin-top:84px}

:root{
  --fny-wrap:1211px;
  --fny-pad:clamp(16px,4vw,32px);

  --fny-bg:#0e1320;
  --fny-bg-2:#090d16;
  --fny-surface:#161d2e;
  --fny-surface-2:#1d2740;
  --fny-surface-3:#28344f;
  --fny-hairline:color-mix(in srgb,#ffffff 13%,transparent);
  --fny-hairline-soft:color-mix(in srgb,#ffffff 7%,transparent);
  --fny-hairline-dark:color-mix(in srgb,#000000 40%,transparent);

  --fny-ink:#eef1f7;
  --fny-ink-2:#bcc4d6;
  --fny-ink-3:#8b94a9;

  --fny-accent:#cf93b5;            
  --fny-accent-deep:#945e7d;       
  --fny-accent-ink:#1c1016;
  --fny-accent-2:#d8dbb1;          
  --fny-accent-2-ink:#181c0e;
  --fny-cta:#4b5575;               
  --fny-cta-2:#67739b;
  --fny-cta-ink:#ffffff;
  --fny-dark:#2e3948;              
  --fny-dark-2:#26303d;
  --fny-dark-ink:#f1f3f8;
  --fny-tp-star:#d8dbb1;

  --fny-glow:color-mix(in srgb,var(--fny-accent) 40%,transparent);
  --fny-glow-cta:color-mix(in srgb,var(--fny-cta-2) 60%,transparent);

  --fny-step--1:.8rem;
  --fny-step-0:1rem;
  --fny-step-1:1.25rem;
  --fny-step-2:1.563rem;
  --fny-step-3:1.953rem;
  --fny-step-4:2.441rem;
  --fny-step-5:3.052rem;

  --fny-gap:16px;
  --fny-sect:clamp(22px,4vw,38px);
  --fny-r-sm:6px;--fny-r:10px;--fny-r-lg:14px;

  --fny-ease:cubic-bezier(.16,1,.3,1);
  --fny-ease-2:cubic-bezier(.32,.72,0,1);
  --fny-dur:.2s;

  --fny-fdisplay:"Archivo Black",system-ui,"Arial Black",Arial,sans-serif;
  --fny-ftext:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}

body.fny-body{
  font-family:var(--fny-ftext);
  font-size:1rem;line-height:1.62;
  color:var(--fny-ink);
  background:var(--fny-bg);
  font-variant-numeric:tabular-nums lining-nums;
  -webkit-font-smoothing:antialiased;
  overflow-x:clip;
  position:relative;
}

body.fny-body::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(58% 42% at 78% -6%,color-mix(in srgb,var(--fny-accent-deep) 22%,transparent),transparent 70%),
    radial-gradient(46% 38% at 8% 4%,color-mix(in srgb,var(--fny-cta) 20%,transparent),transparent 72%);
}
::selection{background:color-mix(in srgb,var(--fny-accent) 42%,transparent);color:#fff}
:focus-visible{outline:2px solid var(--fny-accent);outline-offset:2px;border-radius:2px}
*{scrollbar-color:var(--fny-accent-deep) transparent}
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--fny-accent-deep) 70%,var(--fny-surface));border-radius:99px;border:2px solid var(--fny-bg)}
::-webkit-scrollbar-track{background:var(--fny-bg-2)}

h1,h2,h3{font-family:var(--fny-fdisplay);line-height:1.1;letter-spacing:-.015em;color:var(--fny-ink);text-wrap:balance}
h4,h5{font-family:var(--fny-ftext);font-weight:800;line-height:1.2;color:var(--fny-ink)}

.fny-wrap{width:100%;max-width:var(--fny-wrap);margin-inline:auto;padding-inline:var(--fny-pad)}
.fny-main{
  width:100%;max-width:var(--fny-wrap);
  margin-inline:auto;
  padding-inline:var(--fny-pad);
  padding-block:clamp(20px,3.5vw,40px);
}

.fny-main p{margin-top:1em}
.fny-main h2{margin-top:1.7em}
.fny-main h3{margin-top:1.3em}
.fny-main>:first-child{margin-top:0}

.fny-skip{position:absolute;left:-999px;top:0;z-index:400;background:var(--fny-accent-deep);color:#fff;padding:10px 16px;border-radius:0 0 var(--fny-r-sm) 0;font-weight:700}
.fny-skip:focus{left:0}

.fny-head{
  position:sticky;top:0;z-index:100;
  background:linear-gradient(180deg,var(--fny-dark),var(--fny-dark-2));
  border-bottom:1px solid color-mix(in srgb,var(--fny-accent-deep) 45%,var(--fny-hairline));
  box-shadow:0 1px 0 color-mix(in srgb,#fff 6%,transparent) inset, 0 10px 30px -22px #000;
}
.fny-head .fny-nav__list a{color:var(--fny-dark-ink);transition:color var(--fny-dur) var(--fny-ease)}
.fny-head .fny-nav__list a:hover,
.fny-head .fny-nav__list a[aria-current="page"]{color:var(--fny-accent)}

.fny-head .fny-nav__list a[aria-current="page"]{
  box-shadow:0 2px 0 var(--fny-accent);
  text-shadow:0 0 14px color-mix(in srgb,var(--fny-accent) 60%,transparent);
}
.fny-burger{color:var(--fny-dark-ink);border-color:color-mix(in srgb,var(--fny-dark-ink) 40%,transparent)!important;border-radius:var(--fny-r-sm)}

.fny-cta{
  position:relative;isolation:isolate;overflow:hidden;
  display:inline-flex;align-items:center;justify-content:center;gap:.5em;
  font-family:var(--fny-ftext);font-weight:800;letter-spacing:.01em;
  text-decoration:none;color:var(--fny-cta-ink);
  min-height:48px;line-height:1.1;cursor:pointer;
}
.fny-cta,.fny-cta--solid{
  background:linear-gradient(var(--fny-fxang),var(--fny-cta),var(--fny-fxc));
  box-shadow:0 0 0 1px color-mix(in srgb,#fff 14%,transparent) inset,
             0 8px 26px -10px var(--fny-glow-cta);
  transition:--fny-fxang .45s var(--fny-ease), --fny-fxc .45s var(--fny-ease), transform var(--fny-dur) var(--fny-ease);
}
.fny-cta:hover,.fny-cta--solid:hover{--fny-fxang:60deg;--fny-fxc:var(--fny-accent-deep);filter:brightness(1.06)}
.fny-cta:active{transform:translateY(1px)}
.fny-cta--ghost{
  background:transparent;color:var(--fny-accent);
  box-shadow:0 0 0 1.5px color-mix(in srgb,var(--fny-accent) 70%,transparent) inset;
}
.fny-cta--ghost:hover{background:color-mix(in srgb,var(--fny-accent) 14%,transparent);color:#fff}

.fny-cta::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(115deg,transparent 32%,color-mix(in srgb,#fff 32%,transparent) 50%,transparent 68%);
  transform:translateX(-130%);
}
.fny-cta:hover::after{transform:translateX(130%);transition:transform .6s var(--fny-ease-2)}

.fny-ctarow{display:flex;justify-content:center;margin:1.4em 0}
.fny-main>.fny-cta,
.fny-main :not(.fny-hero__cta):not(.fny-nav__cta):not(.fny-ctarow)>.fny-cta{
  display:flex;width:fit-content;margin:1.4em auto
}

.fny-prose{color:var(--fny-ink-2)}
.fny-prose>:first-child{margin-top:0}
.fny-prose p{margin:1em 0 0;line-height:1.68;text-wrap:pretty;overflow-wrap:anywhere}
.fny-prose h2{
  font-size:clamp(1.45rem,3.2vw,var(--fny-step-3));
  margin:1.9em 0 .55em;color:var(--fny-ink);line-height:1.12
}
.fny-prose h3{
  font-size:clamp(1.2rem,2.4vw,var(--fny-step-1));
  margin:1.5em 0 .45em;color:var(--fny-ink)
}
.fny-prose h4{font-size:var(--fny-step-0);margin:1.3em 0 .35em;letter-spacing:.01em}

.fny-prose h2:not(:first-child)::before{
  content:"\2737 \2737 \2737";display:block;text-align:center;
  color:color-mix(in srgb,var(--fny-accent) 60%,transparent);
  font-family:var(--fny-ftext);font-size:.62em;letter-spacing:.55em;
  font-weight:400;margin:0 0 .85em;opacity:.8
}
.fny-prose strong{color:var(--fny-ink);font-weight:700}
.fny-prose em{color:var(--fny-ink)}

.fny-prose a:not(.fny-cta){
  color:var(--fny-accent);font-weight:600;
  background-image:linear-gradient(currentColor,currentColor);
  background-size:0% 1.5px;background-position:0 100%;background-repeat:no-repeat;
  padding-bottom:2px;
  transition:background-size .28s var(--fny-ease), color var(--fny-dur) ease}
.fny-prose a:not(.fny-cta):hover{background-size:100% 1.5px;color:#fff}

.fny-prose ul{list-style:none;margin:1em 0 0;padding:0}
.fny-prose ul>li{position:relative;padding-left:1.6em;margin:.5em 0;line-height:1.6}
.fny-prose ul>li::before{
  content:"";position:absolute;left:.18em;top:.62em;
  width:.5em;height:.5em;background:var(--fny-accent);
  transform:rotate(45deg);border-radius:1px;
  box-shadow:0 0 8px color-mix(in srgb,var(--fny-accent) 50%,transparent)
}

.fny-prose ol{list-style:none;margin:1em 0 0;padding:0;counter-reset:fnyord}
.fny-prose ol>li{position:relative;padding-left:2.2em;margin:.55em 0;counter-increment:fnyord;line-height:1.6}
.fny-prose ol>li::before{
  content:counter(fnyord);position:absolute;left:0;top:0;
  font-family:var(--fny-fdisplay);font-size:.92em;color:var(--fny-accent);
  font-variant-numeric:tabular-nums
}
.fny-prose li>ul,.fny-prose li>ol{margin:.4em 0 0}

.fny-prose blockquote{
  margin:1.5em 0;padding:.4em 0 .4em 1.2em;
  border-left:3px solid var(--fny-accent);
  color:var(--fny-ink);font-size:1.08em;font-style:italic;line-height:1.55
}

.fny-prose hr{
  border:0;height:1px;margin:2.2em auto;width:60%;
  background:linear-gradient(90deg,transparent,var(--fny-hairline),transparent)
}

.fny-tablewrap,.fny-prose .fny-tablewrap{
  overflow-x:auto;-webkit-overflow-scrolling:touch;
  margin:1.6em 0;border-radius:var(--fny-r);
  border:1px solid var(--fny-hairline)
}
.fny-prose table,.fny-main table,table.fny-tbl,table{
  width:100%;border-collapse:collapse;
  font-variant-numeric:tabular-nums lining-nums;font-size:.95rem
}
.fny-prose th,.fny-prose td,.fny-main th,.fny-main td,.fny-tbl th,.fny-tbl td{
  padding:12px 16px;text-align:left;vertical-align:top;
  border-bottom:1px solid var(--fny-hairline)
}
.fny-prose thead th,.fny-main thead th,.fny-tbl thead th{
  background:var(--fny-surface-2);color:var(--fny-ink);
  font-family:var(--fny-ftext);font-weight:800;font-size:.78rem;
  text-transform:uppercase;letter-spacing:.05em;
  border-bottom:2px solid color-mix(in srgb,var(--fny-accent-deep) 55%,var(--fny-hairline))
}
.fny-prose tbody tr,.fny-main tbody tr,.fny-tbl tbody tr{transition:background var(--fny-dur) ease}
.fny-prose tbody tr:nth-child(even),
.fny-main tbody tr:nth-child(even),
.fny-tbl tbody tr:nth-child(even){background:color-mix(in srgb,#fff 3%,transparent)}
.fny-prose tbody tr:hover,.fny-main tbody tr:hover,.fny-tbl tbody tr:hover{background:color-mix(in srgb,var(--fny-accent) 12%,transparent)}
.fny-prose tbody td:first-child,.fny-main tbody td:first-child,.fny-tbl tbody td:first-child{font-weight:700;color:var(--fny-ink)}
.fny-prose caption,.fny-main caption,.fny-tbl caption{caption-side:top;text-align:left;color:var(--fny-ink-3);font-size:.85rem;padding:0 0 .6em}

.fny-figure,.fny-prose figure,.fny-figc,
.fny-content-01,.fny-content-02,.fny-content-03,
.fny-content-04,.fny-content-05,.fny-content-06{
  width:min(72%,760px);margin:1.7em auto;text-align:center
}
.fny-figure img,.fny-prose figure img,.fny-figc img,.fny-img,
.fny-content-01 img,.fny-content-02 img,.fny-content-03 img,
.fny-content-04 img,.fny-content-05 img,.fny-content-06 img{
  width:100%;height:auto;display:block;border-radius:var(--fny-r);
  border:1px solid var(--fny-hairline);
  box-shadow:0 18px 40px -26px #000
}
.fny-figure figcaption,.fny-prose figure figcaption,.fny-figc figcaption,.fny-figc{
  margin-top:.7em;color:var(--fny-ink-3);font-size:.85rem;line-height:1.5
}

.fny-hero{position:relative;isolation:isolate;overflow-x:clip;padding-block:clamp(18px,3vw,32px)}
.fny-hero__media{position:relative}
.fny-hero__media::before{
  content:"";position:absolute;inset:-7% 0;z-index:-1;pointer-events:none;
  background:radial-gradient(60% 60% at 50% 46%,var(--fny-glow),transparent 70%);
  filter:blur(8px)
}
.fny-hero__media img{box-shadow:0 32px 64px -34px #000,0 0 0 1px var(--fny-hairline)}
.fny-hero__h1{color:var(--fny-ink)}
.fny-hero__lead{color:var(--fny-ink-2)}
.fny-hero__fact{border:1px solid var(--fny-hairline)}
.fny-hero__tile-k{color:var(--fny-ink-3)}
.fny-hero__tile-v{color:var(--fny-ink)}

.fny-hero__kicker{
  position:relative;padding-top:11px;
  text-transform:uppercase;letter-spacing:.18em;font-weight:700;
  font-size:.76rem;color:var(--fny-accent)
}
.fny-hero__kicker::before,.fny-pagetitle__kicker::before{
  content:"";position:absolute;top:0;height:4px;width:38px;
  background:
    linear-gradient(var(--fny-accent),var(--fny-accent)) 0 0/38px 1px no-repeat,
    linear-gradient(var(--fny-ink-3),var(--fny-ink-3)) 0 3px/24px 1px no-repeat
}
.fny-hero__kicker::before{left:0}
.fny-pagetitle__kicker{position:relative;padding-top:11px}
.fny-pagetitle__kicker::before{left:50%;transform:translateX(-50%)}

.fny-slots{padding-block:var(--fny-sect)}
.fny-slots .fny-slots__h{color:var(--fny-ink)}
.fny-slots .fny-slot{
  outline:2px solid transparent;outline-offset:-2px;
  transition:transform .25s var(--fny-ease), outline-color .2s ease}
.fny-slots .fny-slot:hover{
  transform:translateY(-4px) scale(1.02);
  outline-color:var(--fny-accent)
}

.fny-lead-p,.fny-prose .fny-lead-p{
  font-size:clamp(1.05rem,1.8vw,1.2rem);line-height:1.6;
  color:var(--fny-ink);margin:0 0 1.1em;font-weight:500
}

.fny-callout,.fny-keytakeaway,.fny-tldr,.fny-keypoints,.fny-insert,.fny-kort,.fny-pcbox{
  position:relative;margin:1.7em 0;padding:18px 22px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--fny-accent-deep) 13%,var(--fny-surface)),var(--fny-surface));
  border:1px solid var(--fny-hairline);
  border-left:3px solid var(--fny-accent);
  border-radius:var(--fny-r);
  box-shadow:0 1px 0 color-mix(in srgb,#fff 8%,transparent) inset,0 16px 36px -28px #000;
  color:var(--fny-ink-2)
}
.fny-callout>:first-child,.fny-keytakeaway>:first-child,.fny-tldr>:first-child,
.fny-keypoints>:first-child,.fny-insert>:first-child,.fny-kort>:first-child,.fny-pcbox>:first-child{margin-top:0}
.fny-tldr__h,.fny-keypoints__h,.fny-kort__h,.fny-pcbox__h{
  margin:0 0 .55em;font-family:var(--fny-ftext);font-weight:800;
  font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;
  color:var(--fny-accent)
}

.fny-bullets,.fny-kort__list,.fny-pclist{list-style:none;margin:.4em 0 0;padding:0}
.fny-bullets li,.fny-kort__list li,.fny-pclist li{
  position:relative;padding-left:1.6em;margin:.45em 0;line-height:1.6;color:var(--fny-ink-2)
}
.fny-bullets li::before,.fny-kort__list li::before,.fny-pclist li::before{
  content:"";position:absolute;left:.2em;top:.62em;width:.5em;height:.5em;
  background:var(--fny-accent);transform:rotate(45deg);border-radius:1px
}

.fny-pcwrap{display:block;margin:1.7em 0}
.fny-pcwrap .fny-pcbox{margin:0}
.fny-pcfig{width:100%;margin:1em 0;text-align:center}
.fny-pcfig img{width:100%;height:auto;border-radius:var(--fny-r);border:1px solid var(--fny-hairline)}

.fny-disclosure{
  margin:1.4em 0;border:1px solid var(--fny-hairline);border-radius:var(--fny-r);
  background:var(--fny-surface);overflow:hidden
}
.fny-disclosure>summary{
  list-style:none;cursor:pointer;padding:14px 18px;font-weight:700;color:var(--fny-ink);
  display:flex;align-items:center;gap:.5em
}
.fny-disclosure>summary::-webkit-details-marker{display:none}
.fny-disclosure>summary::after{content:"+";margin-left:auto;color:var(--fny-accent);font-size:1.2em;line-height:1;transition:transform .2s ease}
.fny-disclosure[open]>summary::after{transform:rotate(45deg)}
.fny-disclosure>:not(summary){padding:0 18px 16px;color:var(--fny-ink-2)}

.fny-aff,.fny-affiliate{
  margin:1.2em 0;padding:11px 16px;font-size:.84rem;line-height:1.55;
  color:var(--fny-ink-3);
  background:color-mix(in srgb,var(--fny-accent-2) 7%,var(--fny-surface));
  border-left:2px solid var(--fny-accent-2);border-radius:var(--fny-r-sm)
}

.fny-article{margin:0}
.fny-article>*+*{margin-top:1em}
.fny-login{
  margin:1.7em 0;padding:clamp(18px,3vw,28px);
  background:var(--fny-surface);border:1px solid var(--fny-hairline);border-radius:var(--fny-r)
}

.fny-doc{max-width:none}
.fny-doc>:first-child{margin-top:0}

.fny-cookie{
  position:fixed;left:0;right:0;bottom:0;z-index:300;
  background:color-mix(in srgb,var(--fny-dark) 94%,transparent);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border-top:1px solid color-mix(in srgb,var(--fny-accent-deep) 40%,var(--fny-hairline));
  box-shadow:0 -14px 40px -10px rgba(0,0,0,.6);
  padding:14px 0;color:var(--fny-dark-ink)
}
.fny-cookie[hidden]{display:none}
.fny-cookie__inner{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.fny-cookie__txt{margin:0;font-size:.86rem;line-height:1.55;color:var(--fny-dark-ink);flex:1 1 320px;min-width:0}
.fny-cookie__txt a{color:var(--fny-accent);font-weight:600}
.fny-cookie__btns{display:flex;gap:10px;flex:0 0 auto}
.fny-cookie__btn{
  border:1px solid color-mix(in srgb,var(--fny-dark-ink) 35%,transparent);
  background:transparent;color:var(--fny-dark-ink);
  padding:11px 18px;border-radius:var(--fny-r-sm);cursor:pointer;
  font-weight:800;font-size:.84rem;min-height:44px;
  transition:background var(--fny-dur) ease, border-color var(--fny-dur) ease, transform var(--fny-dur) ease}
.fny-cookie__btn:hover{transform:translateY(-1px);border-color:var(--fny-accent)}
.fny-cookie__btn--ok{
  background:linear-gradient(120deg,var(--fny-cta),var(--fny-cta-2));
  color:var(--fny-cta-ink);border-color:transparent;
  box-shadow:0 6px 18px -8px var(--fny-glow-cta)
}
.fny-cookie__btn--ok:hover{filter:brightness(1.07);border-color:transparent}

.fny-404{text-align:center}
.fny-404__inner{padding-block:clamp(40px,8vw,90px)}
.fny-404__code{
  font-family:var(--fny-fdisplay);font-size:clamp(4rem,16vw,9rem);line-height:.9;
  color:var(--fny-accent);
  text-shadow:0 0 40px color-mix(in srgb,var(--fny-accent) 45%,transparent)
}
.fny-404__tag{margin:.4em 0 0;font-size:var(--fny-step-2);color:var(--fny-ink)}
.fny-404__body{margin:.8em auto 0;max-width:52ch;color:var(--fny-ink-2)}
.fny-404__cta{margin-top:1.6em;display:flex;justify-content:center}

input,select,textarea,button{accent-color:var(--fny-accent)}

@media(max-width:900px){
  .fny-prose h2{font-size:clamp(1.35rem,5vw,1.7rem)}
}
@media(max-width:640px){
  body.fny-body{font-size:16px}
  .fny-figure,.fny-prose figure,.fny-figc,.fny-pcfig,
  .fny-content-01,.fny-content-02,.fny-content-03,
  .fny-content-04,.fny-content-05,.fny-content-06{width:100%}
  .fny-pcwrap{grid-template-columns:minmax(0,1fr)}
  .fny-prose th,.fny-prose td,.fny-main th,.fny-main td,.fny-tbl th,.fny-tbl td{padding:10px 12px}
  .fny-prose h2:not(:first-child)::before{letter-spacing:.4em;font-size:.7em}
  .fny-callout,.fny-keytakeaway,.fny-tldr,.fny-keypoints,.fny-insert,.fny-kort,.fny-pcbox{padding:16px 16px}
  .fny-cookie__btns{width:100%}
  .fny-cookie__btn{flex:1 1 auto}
}

@media(prefers-reduced-motion:no-preference){
  .fny-cta--solid::after{animation:fny-sheen 1s var(--fny-ease-2) .35s 1}
  @keyframes fny-sheen{0%{transform:translateX(-130%)}60%,100%{transform:translateX(130%)}}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .fny-cta::after{display:none}
}
html,body{overflow-x:hidden}

/* container-guarantee */
.fny-prose{max-width:var(--fny-wrap,1200px);margin-inline:auto;padding-inline:clamp(16px,4vw,32px);box-sizing:border-box}
.fny-main .fny-prose,.fny-main>.fny-wrap{max-width:none;padding-inline:0;margin-inline:0}

/* кап контентных картинок (голый <figure> в прозе): по центру, не во всю ширину */
.fny-prose figure,.fny-doc figure{width:min(70%,720px);margin:1.7em auto;max-width:100%}
.fny-prose figure img,.fny-doc figure img{width:100%;height:auto;display:block}
@media(max-width:640px){.fny-prose figure,.fny-doc figure{width:100%}}