@font-face{font-family:Bebas Neue;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2039e8342bda6056-s.p.51680477.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bebas Neue;font-style:normal;font-weight:400;font-display:swap;src:url(../media/fabcf92ba1ccea36-s.p.19f28380.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bebas Neue Fallback;src:local(Arial);ascent-override:117.32%;descent-override:39.11%;line-gap-override:0.0%;size-adjust:76.72%}.bebas_neue_98450cc4-module__Gn2G5W__className{font-family:Bebas Neue,Bebas Neue Fallback;font-style:normal;font-weight:400}.bebas_neue_98450cc4-module__Gn2G5W__variable{--font-kreatin-display:"Bebas Neue","Bebas Neue Fallback"}
.kreatin-article{--bg:#070708;--card:#121316;--line:#2a2c28;--text:#f3f4ee;--muted:#9a9c92;--lime:#c8ff3d;--lime-dim:#8fb82a;--warn:#ff6b3d;background:var(--bg);min-height:calc(100vh - 44px);color:var(--text);font-family:var(--font-pruvodce-sans),system-ui,sans-serif;font-size:17px;line-height:1.5}.kreatin-article *{box-sizing:border-box}.kreatin-article a{color:var(--lime);text-underline-offset:3px}.kreatin-article img{max-width:100%;display:block}.kreatin-article h1,.kreatin-article h2,.kreatin-article h3{font-family:var(--font-kreatin-display),Impact,sans-serif}.kreatin-article *{box-sizing:border-box;margin:0;padding:0}.kreatin-article html{scroll-behavior:smooth;scroll-padding-top:96px}.kreatin-article section{border-top:1px solid var(--line);padding:72px 0;scroll-margin-top:96px}.kreatin-article a{color:var(--lime)}.kreatin-article img{max-width:100%;display:block}.kreatin-article .wrap{width:min(1120px,100% - 32px);margin-left:auto;margin-right:auto}.kreatin-article .kicker{letter-spacing:.22em;text-transform:uppercase;color:var(--lime);font-size:12px;font-weight:700}.kreatin-article h1{font-family:var(--font-kreatin-display),Impact,sans-serif;letter-spacing:.02em;line-height:.92}.kreatin-article h2{font-family:var(--font-kreatin-display),Impact,sans-serif;letter-spacing:.02em;line-height:.92}.kreatin-article h3{font-family:var(--font-kreatin-display),Impact,sans-serif;letter-spacing:.02em;line-height:.92}.kreatin-article h1{font-size:max(44px,min(8vw,88px))}.kreatin-article h2{margin-bottom:12px;font-size:max(34px,min(5vw,52px))}.kreatin-article h3{font-size:26px}.kreatin-article .lead{color:#d7d8d0;max-width:62ch;font-size:max(17px,min(2vw,20px))}.kreatin-article nav{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:rgba(7,7,8,.9);position:-webkit-sticky;position:sticky;top:44px}.kreatin-article nav .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:12px 0;display:flex}.kreatin-article nav strong{color:var(--lime);letter-spacing:.08em;text-transform:uppercase;font-size:13px}.kreatin-article nav a{color:var(--muted);font-size:13px;font-weight:600;text-decoration:none}.kreatin-article nav a:hover{color:var(--text)}.kreatin-article .hero{background-color:#000;background-image:linear-gradient(rgba(7,7,8,.533) 0%,rgba(7,7,8,.95) 78%),url(/pruvodce/kreatin-jak-brat/kreatin-hero.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;align-items:end;min-height:78vh;display:grid;position:relative}.kreatin-article .hero-inner{gap:22px;padding:48px 0 56px;display:grid}.kreatin-article .hero-meta{color:var(--muted);font-size:14px}.kreatin-article .stats{grid-template-columns:repeat(4,1fr);margin-top:14px;display:grid}.kreatin-article .stat{padding:4px 22px 4px 0}.kreatin-article .stat+.stat{border-left:1px solid var(--line);padding-left:22px}.kreatin-article .stat b{font-family:var(--font-kreatin-display),sans-serif;color:var(--lime);font-size:34px;display:block}.kreatin-article .stat span{color:var(--muted);font-size:14px}.kreatin-article .split{grid-template-columns:1.1fr .9fr;align-items:center;gap:36px;display:grid}.kreatin-article .copy p+p{margin-top:14px}.kreatin-article .copy{color:#d0d1c8}.kreatin-article .note{color:var(--muted);margin-top:16px;font-size:14px}.kreatin-article .grid-3{grid-template-columns:repeat(3,1fr);gap:20px 30px;display:grid}.kreatin-article .grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.kreatin-article .who{border-top:1px solid var(--line);padding:20px 0 10px}.kreatin-article .who h3{margin-bottom:8px}.kreatin-article .who p{color:#c9cbbf;font-size:15.5px}.kreatin-article figure{border-radius:10px;margin:0;overflow:hidden}.kreatin-article figure img{object-fit:cover;width:100%;height:auto}.kreatin-article .packs{grid-template-columns:repeat(3,1fr);margin-top:22px;display:grid}.kreatin-article .pack{padding:4px 28px 4px 0;position:relative}.kreatin-article .pack+.pack{border-left:1px solid var(--line);padding-left:28px}.kreatin-article .pack .n{font-family:var(--font-kreatin-display),sans-serif;color:var(--lime);font-size:56px;line-height:1}.kreatin-article .pack .unit{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:13px;font-weight:700}.kreatin-article .proto{grid-template-columns:1fr 40px 1fr;align-items:stretch;gap:0;margin-top:22px;display:grid}.kreatin-article .proto-box{border-top:1px solid var(--line);padding:20px 0 0}.kreatin-article .proto-box:last-child{border-color:#3a4d12}.kreatin-article .proto-arrow{color:var(--lime);place-items:center;font-size:28px;display:grid}.kreatin-article .product{transition:border-color .15s,transform .15s}.kreatin-article .product:hover{border-color:var(--lime-dim);transform:translateY(-2px)}.kreatin-article .cta{transition:filter .15s}.kreatin-article .shot{background-color:#0b0c0e!important;background-size:contain!important}.kreatin-article a.cta{color:#111}.kreatin-article .form-cards{grid-template-columns:repeat(3,1fr);margin-top:28px;display:grid}.kreatin-article .form-card{border-top:1px solid var(--line);flex-direction:column;gap:10px;padding:20px 28px 0 0;display:flex}.kreatin-article .form-card+.form-card{border-left:1px solid var(--line);padding-left:28px}.kreatin-article .form-card.pick{border-top:3px solid var(--lime);padding-top:18px}.kreatin-article .form-card p{color:#c9cbbf;font-size:15.5px}.kreatin-article .form-card dl{gap:10px;margin:6px 0 0;display:grid}.kreatin-article .form-card dt{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.kreatin-article .form-card dd{color:#d7d8d0;margin:0;font-size:15px}.kreatin-article .lede{color:#c9cbbf;max-width:70ch;margin:8px 0 0}.kreatin-article .form-row{border-top:1px solid var(--line);grid-template-columns:160px 1fr 110px;align-items:center;gap:16px;padding:20px 0;display:grid}.kreatin-article .form-row:last-child{border-bottom:1px solid var(--line)}.kreatin-article .form-row b{color:var(--lime)}.kreatin-article .badge{letter-spacing:.12em;text-transform:uppercase;color:var(--lime);background:#1c240c;border:1px solid #3a4d12;border-radius:99px;padding:5px 8px;font-size:11px;font-weight:700;display:inline-block}.kreatin-article .badge.dim{color:var(--muted);border-color:var(--line);background:#1a1a1c}.kreatin-article table{border-collapse:collapse;width:100%;font-size:15px}.kreatin-article th{text-align:left;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:0 10px 10px 0;font-size:11px}.kreatin-article td{border-top:1px solid var(--line);vertical-align:middle;padding:12px 10px 12px 0}.kreatin-article .price{font-family:var(--font-kreatin-display),sans-serif;color:var(--lime);white-space:nowrap;font-size:22px}.kreatin-article .bar{background:#222;border-radius:99px;min-width:72px;height:7px;overflow:hidden}.kreatin-article .bar i{background:var(--lime);height:100%;display:block}.kreatin-article .table-wrap{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0 4px;overflow-x:auto}.kreatin-article .products{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.kreatin-article .product{background:var(--card);border:1px solid var(--line);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.kreatin-article .product .shot{border-bottom:1px solid var(--line);background:#0b0c0e 50%/contain no-repeat;height:210px}.kreatin-article .product .body{flex-direction:column;flex:1;gap:8px;padding:16px 18px 18px;display:flex}.kreatin-article .product h3{font-size:22px}.kreatin-article .product p{color:#b8baaf;font-size:15px}.kreatin-article .product .tags{flex-wrap:wrap;gap:6px;display:flex}.kreatin-article .tag{letter-spacing:.1em;text-transform:uppercase;color:var(--lime);background:#1c240c;border:1px solid #3a4d12;border-radius:99px;padding:4px 8px;font-size:10px;font-weight:700}.kreatin-article .tag.mute{color:var(--muted);border-color:var(--line);background:#1a1a1c}.kreatin-article .tag.warn{color:var(--warn);background:#2a1510;border-color:#5a2a18}.kreatin-article .product.pick{box-shadow:inset 0 3px 0 var(--lime);border-color:#3a4d12}.kreatin-article .usecase{margin-top:40px;scroll-margin-top:96px}.kreatin-article .usecase h3{margin-bottom:8px}.kreatin-article .usecase .products{margin-top:16px}.kreatin-article .jumps{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.kreatin-article .jumps a{color:var(--text);border:1px solid var(--line);background:var(--card);border-radius:99px;padding:8px 12px;font-size:13px;font-weight:600;text-decoration:none}.kreatin-article .jumps a:hover{border-color:var(--lime-dim);color:var(--lime)}.kreatin-article .cta{background:var(--lime);color:#111;border-radius:10px;justify-content:center;margin-top:auto;padding:11px 14px;font-weight:700;text-decoration:none;display:inline-flex}.kreatin-article .cta:hover{filter:brightness(1.08)}.kreatin-article .spread{margin:14px 0 22px}.kreatin-article .spread-top{justify-content:space-between;font-weight:600;display:flex}.kreatin-article .track{background:#222;border-radius:99px;height:8px;margin-top:8px}.kreatin-article .fill{background:linear-gradient(90deg,var(--lime),var(--warn));border-radius:99px;height:100%}.kreatin-article .spread-bot{color:var(--muted);justify-content:space-between;margin-top:6px;font-size:13px;display:flex}.kreatin-article .faq details{border-top:1px solid var(--line);padding:18px 0}.kreatin-article .faq details:last-child{border-bottom:1px solid var(--line)}.kreatin-article .faq summary{cursor:pointer;font-size:18px;font-weight:700}.kreatin-article .faq p{color:#b8baaf;max-width:76ch;margin-top:10px;font-size:16px}.kreatin-article footer.site{color:var(--muted);padding:28px 0 48px;font-size:13px}@media (max-width:1100px){.kreatin-article .stats{grid-template-columns:1fr 1fr}.kreatin-article .stat:nth-child(3){border-left:0;padding-left:0}.kreatin-article .stat:nth-child(n+3){border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.kreatin-article .products{grid-template-columns:1fr 1fr}}@media (max-width:900px){.kreatin-article .grid-3{grid-template-columns:1fr}.kreatin-article .split{grid-template-columns:1fr}.kreatin-article .grid-2{grid-template-columns:1fr}.kreatin-article .packs{grid-template-columns:1fr}.kreatin-article .form-cards{grid-template-columns:1fr}.kreatin-article .form-card+.form-card{border-left:0;border-top:1px solid var(--line);padding-left:0}.kreatin-article .pack+.pack{border-left:0;border-top:1px solid var(--line);padding-left:0}.kreatin-article .form-card+.form-card{margin-top:28px}.kreatin-article .pack+.pack{margin-top:20px;padding-top:20px}.kreatin-article .form-row{grid-template-columns:1fr}.kreatin-article .proto{grid-template-columns:1fr}.kreatin-article .proto-arrow{padding:4px 0;transform:rotate(90deg)}.kreatin-article table{font-size:14px}}@media (max-width:640px){.kreatin-article .stats{grid-template-columns:1fr}.kreatin-article .products{grid-template-columns:1fr}.kreatin-article .stat+.stat{border-left:0;border-top:1px solid var(--line);margin-top:16px;padding:16px 0 0}.kreatin-article .stat:nth-child(3){border-left:0;border-top:1px solid var(--line);margin-top:16px;padding:16px 0 0}.kreatin-article .hero{min-height:0}}
