:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--crvena:#c40308;--crvena-tamna:#a10206;--zlatna:#d4af37;--tamna:#3d0203;--paper:#eceae4;--surface:#f7f6f3;--surface-2:#e4e1d9;--ink:#1c1615;--ink-muted:#5b5250;--line:#d4cfc4;--line-strong:#b8b1a3;--accent:var(--crvena);--accent-ink:#fff;--gold:#8a6d16;--band:var(--tamna);--band-ink:#f4ece9;--band-muted:#cdb3b0;--band-line:#61201f;--shadow:0 1px 0 #1c16150a, 0 12px 28px -18px #1c161580;--font-display:"Archivo", Georgia, serif;--font-body:"IBM Plex Sans", "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", monospace;--wrap:74rem;--gutter:clamp(1.25rem, 4vw, 3rem);--section-y:clamp(4rem, 8vw, 7.5rem);--radius:3px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--paper:#16100f;--surface:#1f1817;--surface-2:#2a2120;--ink:#ece5e2;--ink-muted:#a89b97;--line:#362b29;--line-strong:#4b3c3a;--accent:#ef5350;--accent-ink:#1a0505;--gold:#dcbc57;--band:#2b0a09;--band-ink:#f4ece9;--band-muted:#c4a5a2;--band-line:#55211f;--shadow:0 1px 0 #0006, 0 14px 30px -18px #000000e6}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:5.5rem}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:1rem;line-height:1.65}h1,h2,h3,p,figure,ul,ol,dl,dd{margin:0}ul,ol{padding:0;list-style:none}img,svg{max-width:100%;display:block}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}body:before{content:"";z-index:60;background:repeating-linear-gradient(90deg, transparent 0 9px, var(--crvena) 9px 15px, transparent 15px 24px, var(--crvena) 24px 26px, transparent 26px 44px, var(--zlatna) 44px 47px, transparent 47px 62px), var(--tamna);height:4px;position:fixed;inset:0 0 auto}.wrap{width:100%;max-width:var(--wrap);padding-inline:var(--gutter);margin-inline:auto}.skip{z-index:100;background:var(--accent);color:var(--accent-ink);padding:.75rem 1.25rem;font-weight:600;position:absolute;top:0;left:-9999px}.skip:focus{top:.75rem;left:.5rem}.eyebrow{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted);align-items:center;gap:.75rem;font-size:.6875rem;font-weight:500;display:flex}.eyebrow:before{content:"";background:var(--accent);flex:none;width:1.75rem;height:2px}.eyebrow--band{color:var(--band-muted)}.eyebrow--band:before{background:var(--zlatna)}.h1{font-family:var(--font-display);letter-spacing:-.028em;text-wrap:balance;font-size:clamp(2.25rem,5.4vw,3.9rem);font-weight:700;line-height:1.04}.h2{font-family:var(--font-display);letter-spacing:-.022em;text-wrap:balance;font-size:clamp(1.75rem,3.6vw,2.6rem);font-weight:700;line-height:1.1}.h3{font-family:var(--font-display);letter-spacing:-.008em;font-size:1.0625rem;font-weight:600;line-height:1.3}.lede{color:var(--ink-muted);text-wrap:pretty;max-width:48ch;font-size:clamp(1.0625rem,1.5vw,1.1875rem);line-height:1.6}.btn{border-radius:var(--radius);font-family:var(--font-body);cursor:pointer;border:1px solid #0000;align-items:center;gap:.55rem;padding:.8rem 1.4rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:background-color .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.btn svg{flex:none}.btn--primary{background:var(--accent);color:var(--accent-ink);box-shadow:inset 0 -2px #0000002e}.btn--primary:hover{background:var(--crvena-tamna)}@media (prefers-color-scheme:dark){.btn--primary:hover{background:#ff6b66}}.btn--ghost{border-color:var(--line-strong);color:var(--ink)}.btn--ghost:hover{border-color:var(--ink);background:var(--surface)}.btn--onband{border-color:var(--band-line);color:var(--band-ink)}.btn--onband:hover{border-color:var(--zlatna);color:var(--zlatna)}.btn:active{transform:translateY(1px)}.site-header{z-index:50;background:color-mix(in srgb, var(--paper) 90%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding-top:4px;position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;gap:1rem;min-height:4rem;display:flex}.brand{font-family:var(--font-display);letter-spacing:-.03em;align-items:baseline;font-size:1.15rem;font-weight:700;text-decoration:none;display:inline-flex}.brand__tld{font-family:var(--font-mono);letter-spacing:0;color:var(--accent);font-size:.9rem;font-weight:400}.nav{align-items:center;gap:1.75rem;display:none}.nav a{color:var(--ink-muted);border-bottom:2px solid #0000;padding-block:.25rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .15s,border-color .15s}.nav a:hover{color:var(--ink);border-bottom-color:var(--accent)}.site-header__cta{display:none}.nav-toggle{border:1px solid var(--line-strong);border-radius:var(--radius);color:var(--ink);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.75rem;display:inline-flex}.mobile-nav{border-top:1px solid var(--line);background:var(--surface);padding:.25rem var(--gutter) 1rem}.mobile-nav[hidden]{display:none}.mobile-nav a{border-bottom:1px solid var(--line);padding:.7rem 0;font-weight:500;text-decoration:none;display:block}.mobile-nav a:last-child{color:var(--accent);border-bottom:0}@media (width>=62rem){.nav,.site-header__cta{display:flex}.nav-toggle,.mobile-nav{display:none!important}}.hero{padding-block:clamp(3rem, 7vw, 5.5rem) var(--section-y);border-bottom:1px solid var(--line);position:relative;overflow:hidden}.hero:after{content:"";background-image:linear-gradient(var(--line) 1px, transparent 1px);opacity:.45;pointer-events:none;background-size:100% 2.5rem;position:absolute;inset:0;-webkit-mask-image:radial-gradient(110% 75% at 82% 18%,#000 0%,#0000 72%);mask-image:radial-gradient(110% 75% at 82% 18%,#000 0%,#0000 72%)}.hero__inner{z-index:1;gap:clamp(2.75rem,6vw,4.5rem);display:grid;position:relative}.hero__copy>*+*{margin-top:1.5rem}.hero__actions{flex-wrap:wrap;gap:.75rem;display:flex}.hero__note{color:var(--ink-muted);align-items:flex-start;gap:.5rem;font-size:.875rem;display:flex}.hero__note svg{color:var(--accent);margin-top:.2rem}@media (width>=62rem){.hero__inner{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center}}.label-stage{justify-items:center;gap:1rem;display:grid}.label{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);width:100%;max-width:25rem;box-shadow:var(--shadow);position:relative;rotate:-1.1deg}.label:before,.label:after{content:"";background-image:radial-gradient(circle at 3px 2.5px, var(--paper) 2.5px, transparent 2.6px);background-size:9px 5px;height:5px;position:absolute;left:.75rem;right:.75rem}.label:before{top:-3px}.label:after{bottom:-3px}.label__head{border-bottom:1px solid var(--line);background:var(--surface-2);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem 1rem;font-size:.6875rem;display:flex}.label__flag{flex:none;gap:2px;display:inline-flex}.label__flag i{width:4px;height:11px;display:block}.label__body{padding:1.25rem 1rem 1rem}.label__name{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.3rem;font-weight:700;line-height:1.2}.label__code{font-family:var(--font-mono);color:var(--accent);letter-spacing:.02em;margin-top:.35rem;font-size:1.0625rem;font-weight:500}.barcode{border-block:1px solid var(--line);align-items:flex-end;gap:2px;height:3.25rem;margin-top:1rem;padding:.4rem .1rem;display:flex}.barcode span{background:var(--ink);transform-origin:bottom;height:100%;animation:.45s cubic-bezier(.22,.61,.36,1) backwards bar-in;display:block}.label__rows{gap:.4rem;margin-top:.9rem;font-size:.8125rem;display:grid}.label__row{grid-template-columns:6.5rem 1fr;align-items:baseline;gap:.5rem;display:grid}.label__row dt{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);font-size:.6875rem}.label__row dd{font-weight:500}.label__caption{font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-muted);text-align:center;font-size:.6875rem}.section{padding-block:var(--section-y);border-bottom:1px solid var(--line)}.section__head{max-width:46rem}.section__head>*+*{margin-top:1rem}.section--band{background:var(--band);color:var(--band-ink);border-bottom:0}.section--band .lede{color:var(--band-muted);max-width:54ch}.problems{border-top:1px solid var(--band-line);margin-top:clamp(2.5rem,5vw,3.5rem);display:grid}.problem{border-bottom:1px solid var(--band-line);align-content:start;gap:.4rem;padding:1.5rem 0;display:grid}.problem:last-child{border-bottom:0;padding-bottom:0}.problem__title{font-family:var(--font-display);color:var(--zlatna);font-size:1.125rem;font-weight:600}.problem p{color:var(--band-muted);text-wrap:pretty;max-width:46ch;font-size:.9375rem}@media (width>=48rem){.problems{grid-template-columns:repeat(3,1fr);column-gap:2.5rem}.problem{border-bottom:0}}.band__close{border-top:1px solid var(--band-line);font-family:var(--font-display);text-wrap:pretty;max-width:48ch;margin-top:2.25rem;padding-top:1.75rem;font-size:clamp(1.1rem,2vw,1.4rem);font-weight:600;line-height:1.35}.band__close em{color:var(--zlatna);font-style:normal}.features{background:var(--line);border:1px solid var(--line);border-radius:var(--radius);gap:1px;margin-top:clamp(2.5rem,5vw,3.5rem);display:grid;overflow:hidden}.feature{background:var(--surface);align-content:start;gap:.55rem;padding:1.6rem 1.5rem 1.75rem;transition:background-color .18s;display:grid}.feature:hover{background:var(--surface-2)}.feature__icon{border:1px solid var(--line-strong);border-radius:var(--radius);width:2.25rem;height:2.25rem;color:var(--accent);place-items:center;margin-bottom:.35rem;display:grid}.feature p{color:var(--ink-muted);text-wrap:pretty;font-size:.9375rem}@media (width>=40rem){.features{grid-template-columns:repeat(2,1fr)}}@media (width>=64rem){.features{grid-template-columns:repeat(3,1fr)}}.audit{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin-top:clamp(2rem,4vw,2.75rem);overflow:hidden}.audit__head{border-bottom:1px solid var(--line);background:var(--surface-2);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);align-items:center;gap:.6rem;padding:.7rem 1rem;font-size:.6875rem;display:flex}.audit__dot{background:var(--accent);border-radius:50%;flex:none;width:7px;height:7px}.audit__log{font-family:var(--font-mono);font-size:.8125rem;overflow-x:auto}.audit__row{border-bottom:1px solid var(--line);grid-template-columns:10rem 8.5rem minmax(17rem,1fr);align-items:baseline;gap:1rem;min-width:38rem;padding:.65rem 1rem;display:grid}.audit__row:last-child{border-bottom:0}.audit__time,.audit__who{color:var(--ink-muted)}@media (width<=47.99rem){.audit__log{overflow-x:visible}.audit__row{flex-wrap:wrap;gap:.15rem .9rem;min-width:0;display:flex}.audit__what{flex:1 0 100%}}.audit__from{color:var(--ink-muted);text-decoration:line-through}.audit__to{color:var(--accent)}.steps{counter-reset:korak;margin-top:clamp(2.5rem,5vw,3.5rem);display:grid}.step{counter-increment:korak;border-top:2px solid var(--line-strong);align-content:start;gap:.45rem;padding:1.4rem 0 1.75rem;display:grid;position:relative}.step:before{content:"Korak " counter(korak);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:.6875rem}.step:after{content:"";background:var(--accent);width:2.5rem;height:2px;position:absolute;top:-2px;left:0}.step p{color:var(--ink-muted);text-wrap:pretty;max-width:42ch;font-size:.9375rem}@media (width>=48rem){.steps{grid-template-columns:repeat(2,1fr);column-gap:2.5rem}}@media (width>=68rem){.steps{grid-template-columns:repeat(4,1fr);column-gap:2rem}}.audience{gap:1.25rem;margin-top:clamp(2.5rem,5vw,3.5rem);display:grid}.audience__item{border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:var(--radius);background:var(--surface);align-content:start;gap:.6rem;padding:1.5rem;display:grid}.audience__item:nth-child(2){border-top-color:var(--gold)}.audience__item:nth-child(3){border-top-color:var(--line-strong)}.audience__item p{color:var(--ink-muted);text-wrap:pretty;font-size:.9375rem}.audience__list{gap:.3rem;margin-top:.2rem;font-size:.875rem;display:grid}.audience__list li{color:var(--ink-muted);padding-left:1.1rem;position:relative}.audience__list li:before{content:"";background:var(--line-strong);width:.45rem;height:2px;position:absolute;top:.62em;left:0}@media (width>=52rem){.audience{grid-template-columns:repeat(3,1fr)}}.cta{background:var(--surface);border-bottom:1px solid var(--line);padding-block:clamp(3rem,6vw,4.5rem)}.cta__inner{align-items:center;gap:1.75rem;display:grid}.cta__text>*+*{margin-top:.9rem}@media (width>=56rem){.cta__inner{grid-template-columns:minmax(0,1fr) auto;gap:3rem}}.site-footer{background:var(--band);color:var(--band-ink);padding-block:clamp(2.5rem,5vw,3.5rem) 2rem}.footer__grid{border-bottom:1px solid var(--band-line);gap:2rem;padding-bottom:2rem;display:grid}.footer__title{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--band-muted);margin-bottom:.75rem;font-size:.6875rem}.footer__list{gap:.45rem;font-size:.9375rem;display:grid}.footer__list a{border-bottom:1px solid #0000;justify-self:start;text-decoration:none;transition:color .15s}.footer__list a:hover{border-bottom-color:var(--zlatna);color:var(--zlatna)}.footer__about p{color:var(--band-muted);max-width:36ch;margin-top:.75rem;font-size:.9375rem}.footer__bottom{font-family:var(--font-mono);letter-spacing:.04em;color:var(--band-muted);flex-wrap:wrap;justify-content:space-between;gap:.75rem 1.5rem;padding-top:1.5rem;font-size:.75rem;display:flex}@media (width>=48rem){.footer__grid{grid-template-columns:1.4fr 1fr 1fr;gap:3rem}}.js .reveal{opacity:0;transform:translateY(14px)}.js .reveal.is-in{opacity:1;transition:opacity .6s cubic-bezier(.22,.61,.36,1),transform .6s cubic-bezier(.22,.61,.36,1);transform:none}@keyframes bar-in{0%{opacity:0;transform:scaleY(.06)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.js .reveal{opacity:1;transform:none}}@media print{.site-header,.cta,.nav-toggle{display:none}}
