/* semantics.rs — design system. Fonts are loaded via in each page . */ *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--text);font-family:'IBM Plex Sans',system-ui,sans-serif;font-size:16px;line-height:1.7}img,svg{max-width:100%;height:auto}a{color:var(--graph);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{text-decoration-thickness:2px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--graph);outline-offset:3px}.skip{position:absolute;left:-999px;top:10px;z-index:100}.skip:focus{left:12px;background:var(--text);color:var(--ink);padding:8px 12px;border-radius:6px} h1,h2,h3,h4{font-family:'Space Grotesk',system-ui,sans-serif;line-height:1.16;letter-spacing:-.015em}h1{font-size:clamp(2.1rem,5vw,4.25rem);margin:.15em 0 .45em;max-width:18ch}h2{font-size:clamp(1.55rem,3vw,2rem);margin:2.4em 0 .55em;padding-top:.3em;border-top:1px solid var(--line)}h3{font-size:1.15rem;margin:1.7em 0 .45em}p{margin:0 0 1.1em}.wrap{max-width:1120px;margin:auto;padding:0 24px}.narrow{max-width:820px}.dim{color:var(--dim)}.lede{font-size:clamp(1.08rem,2vw,1.28rem);color:#b8c1cf;max-width:68ch}.kicker,.eyebrow{font:500 .76rem 'IBM Plex Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--graph);display:inline-flex;gap:7px;align-items:center}.eyebrow{border:1px solid #265249;padding:4px 10px;border-radius:999px}.eyebrow.seo{color:var(--seo);border-color:#31547a}.eyebrow.visual{color:var(--visual);border-color:#6c5230} .topbar{position:sticky;top:0;z-index:20;background:rgba(14,17,22,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.topbar .wrap{height:72px;display:flex;align-items:center;gap:28px}.brand{display:flex;width:205px;flex:0 0 auto}.brand img{display:block;width:100%}.nav{display:flex;align-items:center;gap:22px;margin-left:auto;font:500 .86rem 'IBM Plex Mono',monospace}.nav a{color:var(--dim);text-decoration:none}.nav a:hover,.nav a.on{color:var(--text)}.nav .tag-seo{color:var(--seo)}.nav .tag-visual{color:var(--visual)}.nav .cta-mini{color:var(--ink);background:var(--graph);padding:8px 12px;border-radius:7px;font-weight:700}.path{font:400 .77rem 'IBM Plex Mono',monospace;color:var(--dim);border-bottom:1px solid var(--line);padding:12px 0}.path .sep{margin:0 7px;color:#4d596d}.path .here{color:var(--text)} main{max-width:1120px;margin:auto;padding:64px 24px 100px}main.narrow{max-width:820px}.hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:64px;align-items:center}.hero h1{max-width:16ch}.hero-panel{border:1px solid var(--line);border-radius:var(--radius);padding:24px;background:linear-gradient(150deg,var(--surface-2),var(--surface));box-shadow:var(--shadow)}.hero-panel strong{display:block;font-family:'Space Grotesk';font-size:1.08rem}.hero-panel ul{padding-left:20px;margin:14px 0 0;color:var(--dim)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 17px;border-radius:7px;background:var(--graph);color:var(--ink);font-weight:700;text-decoration:none}.button:hover{text-decoration:none;filter:brightness(1.05)}.button.secondary{background:transparent;color:var(--text);border:1px solid var(--line)} .trust{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin:42px 0}.trust div{padding:20px;border-right:1px solid var(--line)}.trust div:last-child{border:0}.trust strong{display:block;font-family:'Space Grotesk';font-size:1.15rem}.trust span{color:var(--dim);font-size:.86rem}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:28px 0}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{display:block;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);text-decoration:none;transition:.2s ease}.card:hover{border-color:var(--graph);transform:translateY(-2px);text-decoration:none}.card h3{margin:0 0 8px}.card p{margin:0;color:var(--dim);font-size:.94rem}.card .num{font:500 .72rem 'IBM Plex Mono';color:var(--graph)} .answer{border-left:3px solid var(--graph);background:rgba(94,234,212,.06);padding:16px 18px;margin:18px 0 24px}.answer p:last-child{margin-bottom:0}.note{border:1px solid var(--line);background:var(--surface);padding:16px 18px;border-radius:var(--radius);margin:22px 0}.note.warning{border-color:#6b5230}.source-list{padding-left:22px}.source-list li{margin:.55em 0}.source-list a{word-break:break-word}.byline{display:flex;gap:12px;align-items:center;color:var(--dim);font-size:.9rem;margin:18px 0 30px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--graph);color:var(--ink);font-family:'Space Grotesk';font-weight:700}.toc{border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;background:var(--surface);margin:28px 0}.toc strong{font-family:'Space Grotesk'}.toc ol{margin:10px 0 0;padding-left:22px}.toc li{margin:5px 0} .table-wrap{overflow-x:auto;margin:18px 0 28px}table{width:100%;border-collapse:collapse;font:400 .84rem 'IBM Plex Mono',monospace;min-width:560px}caption{text-align:left;font-family:'Space Grotesk';font-size:1rem;font-weight:600;margin-bottom:9px}th,td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}th{background:var(--surface-2);color:#b8c1cf}tbody tr:nth-child(even){background:rgba(255,255,255,.018)}pre{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);padding:18px;overflow:auto;font:400 .78rem/1.65 'IBM Plex Mono',monospace;color:#cbe9ff}code{font-family:'IBM Plex Mono',monospace}details{border:1px solid var(--line);border-radius:var(--radius);padding:13px 16px;margin:10px 0;background:var(--surface)}summary{cursor:pointer;font-weight:600}details p{margin:10px 0 0} .test-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:26px 0}.test-card{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);overflow:hidden}.test-card img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}.test-card figcaption{padding:15px 17px;color:var(--dim);font-size:.9rem}.test-card strong{color:var(--text)}.metric{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.metric div{border:1px solid var(--line);border-radius:var(--radius);padding:18px;background:var(--surface)}.metric strong{display:block;color:var(--graph);font:700 1.55rem 'Space Grotesk'}.metric span{color:var(--dim);font-size:.82rem}.process{counter-reset:step;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.process article{position:relative;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:22px}.process article:before{counter-increment:step;content:counter(step);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--graph);color:var(--ink);font:700 .85rem 'IBM Plex Mono'}.process h3{margin:.7em 0 .35em} .cta-band{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(120deg,rgba(78,168,255,.12),rgba(94,234,212,.1));border:1px solid #31547a;border-radius:var(--radius);padding:26px;margin:52px 0 0}.cta-band h2{border:0;padding:0;margin:0 0 5px;font-size:1.4rem}.cta-band p{margin:0;color:var(--dim)} footer{border-top:1px solid var(--line);margin-top:40px;background:#0b0e13}footer .wrap{padding:40px 24px;display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:28px}.footer-brand img{width:190px}.footer-brand p{font-size:.86rem;color:var(--dim);margin-top:14px}.footer-col h2{font:500 .73rem 'IBM Plex Mono';text-transform:uppercase;letter-spacing:.08em;color:var(--dim);border:0;margin:0 0 12px;padding:0}.footer-col a{display:block;color:var(--text);font-size:.88rem;margin:6px 0}.legal{grid-column:1/-1;border-top:1px solid var(--line);padding-top:18px;color:var(--dim);font-size:.78rem;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap} @media(max-width:860px){.topbar .wrap{height:auto;min-height:68px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}.brand{width:175px}.nav{order:3;width:100%;overflow-x:auto;padding-bottom:4px}.hero{grid-template-columns:1fr;gap:30px}.grid.three{grid-template-columns:1fr 1fr}.trust{grid-template-columns:1fr}.trust div{border-right:0;border-bottom:1px solid var(--line)}footer .wrap{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}} @media(max-width:620px){main{padding:46px 18px 76px}.wrap{padding-left:18px;padding-right:18px}.grid,.grid.three,.test-grid,.process,.metric{grid-template-columns:1fr}.nav{gap:17px}.nav .cta-mini{display:none}.cta-band{align-items:flex-start;flex-direction:column}footer .wrap{grid-template-columns:1fr}.footer-brand{grid-column:auto}.legal{flex-direction:column}.hero-panel{padding:19px}h1{font-size:2.25rem}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card:hover{transform:none}} /* 2026 editorial redesign — clear, warm and evidence-led */ :root{--ink:#f7f6f1;--surface:#ffffff;--surface-2:#eef3f2;--line:#d9e2df;--text:#14212b;--dim:#5f6d74;--seo:#2878d0;--visual:#d97932;--graph:#168c80;--radius:18px;--shadow:0 18px 50px rgba(28,47,54,.09)} body{background:linear-gradient(180deg,#fbfaf6 0,#f5f7f4 45%,#fbfaf6 100%);color:var(--text);font-size:17px;line-height:1.72} a{color:#087f73}.lede{color:#52616a}.wrap{max-width:1180px}.narrow{max-width:850px} h1{font-size:clamp(2.7rem,6vw,5.35rem);line-height:.98;letter-spacing:-.055em} h2{font-size:clamp(1.8rem,3vw,2.65rem);letter-spacing:-.035em;border:0;margin:2.35em 0 .6em;padding:0;max-width:22ch} h3{letter-spacing:-.025em} .topbar{background:rgba(251,250,246,.9);border-color:rgba(20,33,43,.1);box-shadow:0 8px 32px rgba(28,47,54,.05)} .topbar .wrap{height:82px}.brand{width:214px}.nav{font-family:'IBM Plex Sans',system-ui,sans-serif;font-size:.92rem;gap:25px}.nav a{color:#4e5c63}.nav a:hover,.nav a.on{color:#0f1e27}.nav .cta-mini{background:#14212b;color:#fff;padding:10px 16px;border-radius:999px} .path{background:#fff;border-color:var(--line);color:var(--dim)}.path .here{color:var(--text)} main{max-width:1180px;padding:78px 24px 120px} .hero{position:relative;grid-template-columns:minmax(0,1.38fr) minmax(300px,.62fr);gap:70px;padding:54px 0 72px} .hero:before{content:'';position:absolute;z-index:-1;inset:-78px calc(50% - 50vw) 0;background:radial-gradient(circle at 78% 22%,rgba(22,140,128,.14),transparent 28%),radial-gradient(circle at 15% 35%,rgba(40,120,208,.08),transparent 32%)} .hero .eyebrow{background:#e5f3f0;border-color:#a9d5ce;color:#0c7369;padding:7px 12px} .hero h1{max-width:13ch;margin:.28em 0 .38em}.hero .lede{font-size:clamp(1.1rem,2vw,1.32rem);max-width:61ch} .hero-panel{position:relative;overflow:hidden;border:1px solid #cbded9;border-radius:28px;padding:34px;background:linear-gradient(145deg,#fff,#e9f4f1);box-shadow:0 28px 70px rgba(35,91,84,.12)} .hero-panel:after{content:'';position:absolute;width:170px;height:170px;right:-75px;bottom:-95px;border-radius:50%;border:34px solid rgba(22,140,128,.1)} .hero-panel strong{font-size:1.35rem}.hero-panel ul{color:#53656b;line-height:1.65} .actions{margin:34px 0}.button{min-height:50px;padding:12px 21px;border-radius:999px;background:#14212b;color:#fff;box-shadow:0 10px 24px rgba(20,33,43,.13)}.button.secondary{background:#fff;color:#14212b;border-color:#ccd8d5;box-shadow:none} .trust{border:0;border-radius:22px;background:#fff;box-shadow:var(--shadow);margin:28px 0 86px}.trust div{padding:24px 26px;border-color:var(--line)}.trust strong{font-size:1.08rem}.trust span{color:var(--dim)} .kicker{color:#0a7e73;background:#e5f3f0;padding:5px 10px;border-radius:999px} .grid{gap:22px}.card{padding:28px;border-color:#dbe3e1;border-radius:20px;background:#fff;box-shadow:0 8px 28px rgba(28,47,54,.055)}.card:hover{border-color:#81bdb5;transform:translateY(-4px);box-shadow:0 18px 40px rgba(28,47,54,.1)}.card p{color:var(--dim)}.card .num{color:#0c8276} .answer{border:0;border-left:4px solid var(--graph);border-radius:0 16px 16px 0;background:#eaf5f2}.note,.toc,.process article,.metric div,.test-card{background:#fff;border-color:var(--line);box-shadow:0 8px 24px rgba(28,47,54,.045)} .toc,.note,.process article,.metric div,.test-card{border-radius:18px}.table-wrap{border-radius:16px}th{background:#eaf1ef;color:#3d4d54}tbody tr:nth-child(even){background:#f8faf9}pre{background:#13202a;border-color:#243b47;color:#d7f2ee;border-radius:16px} .metric strong{color:#0b8478}.avatar{background:#168c80;color:#fff} .cta-band{padding:34px 38px;border-radius:24px;background:linear-gradient(120deg,#dfeeed,#edf4ff);border-color:#bfd6d2}.cta-band h2{max-width:none}.cta-band p{color:#53656b} footer{background:#e9efed;border-color:#d2dedb;margin-top:0}footer .wrap{padding-top:52px;padding-bottom:38px}.footer-brand p,.legal{color:#59686e}.footer-col h2{color:#526168}.footer-col a{color:#20313a} @media(max-width:860px){.hero{gap:34px;padding-top:26px}.topbar .wrap{min-height:72px}.nav{gap:20px}.trust{margin-bottom:60px}} @media(max-width:620px){body{font-size:16px}main{padding-top:42px}.topbar .wrap{padding-top:9px;padding-bottom:9px}.brand{width:185px}.nav{font-size:.86rem}.hero{padding-top:20px}.hero h1{font-size:3rem}.hero-panel{padding:24px}.trust{margin-top:18px}.cta-band{padding:26px}.button{width:100%}} /* Mobile navigation and phone-first polish */ .menu-toggle{display:none;width:46px;height:46px;margin-left:auto;padding:0;border:1px solid #cbd8d5;border-radius:14px;background:#fff;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px;box-shadow:0 6px 18px rgba(28,47,54,.07)} .menu-toggle span{display:block;width:20px;height:2px;border-radius:2px;background:#14212b;transition:transform .2s ease,opacity .2s ease} @media(max-width:860px){ .topbar{position:sticky}.topbar .wrap{position:relative;height:72px;min-height:72px;flex-wrap:nowrap;padding-top:0;padding-bottom:0} .brand{width:190px}.topbar.menu-ready .menu-toggle{display:flex} .topbar.menu-ready .nav{position:fixed;z-index:30;left:14px;right:14px;top:84px;width:auto;margin:0;padding:12px;display:flex;flex-direction:column;align-items:stretch;gap:2px;overflow:auto;max-height:calc(100vh - 102px);background:rgba(255,255,255,.98);border:1px solid #d6e0de;border-radius:20px;box-shadow:0 24px 70px rgba(20,33,43,.18);opacity:0;visibility:hidden;transform:translateY(-10px) scale(.985);transform-origin:top;transition:opacity .18s ease,transform .18s ease,visibility .18s} .topbar.menu-ready.menu-open .nav{opacity:1;visibility:visible;transform:none} .topbar.menu-ready .nav a{display:flex;align-items:center;min-height:48px;padding:11px 14px;border-radius:12px;color:#20313a;font-size:1rem;text-decoration:none} .topbar.menu-ready .nav a:hover,.topbar.menu-ready .nav a.on{background:#edf4f2;color:#0d746a} .topbar.menu-ready .nav .cta-mini{display:flex;margin-top:6px;justify-content:center;background:#14212b;color:#fff;border-radius:13px} .topbar.menu-open .menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)} .topbar.menu-open .menu-toggle span:nth-child(2){opacity:0} .topbar.menu-open .menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)} body.nav-open{overflow:hidden} .hero{grid-template-columns:1fr;padding:26px 0 48px}.hero:before{inset:-42px calc(50% - 50vw) 0}.hero h1{max-width:14ch}.hero-panel{max-width:620px} .trust{grid-template-columns:repeat(3,1fr)}.trust div{border-right:1px solid var(--line);border-bottom:0}.trust div:last-child{border-right:0} } @media(max-width:620px){ main{padding:34px 18px 82px}.wrap{padding-left:18px;padding-right:18px}.brand{width:174px}.menu-toggle{width:44px;height:44px;border-radius:13px} .hero{gap:22px;padding:18px 0 34px}.hero:before{background:radial-gradient(circle at 88% 12%,rgba(22,140,128,.15),transparent 30%),radial-gradient(circle at 5% 30%,rgba(40,120,208,.08),transparent 34%)} .hero h1{font-size:clamp(2.55rem,13vw,3.45rem);line-height:.98;margin:.3em 0 .38em}.hero .lede{font-size:1.06rem;line-height:1.62} .hero-panel{padding:23px;border-radius:22px;box-shadow:0 18px 45px rgba(35,91,84,.1)}.hero-panel strong{font-size:1.17rem}.hero-panel ul{margin-top:10px;padding-left:19px} .actions{display:grid;grid-template-columns:1fr;margin:26px 0 4px}.button{width:100%;min-height:50px} .trust{grid-template-columns:1fr;margin:12px 0 58px;border-radius:18px}.trust div{padding:17px 20px;border-right:0;border-bottom:1px solid var(--line)}.trust div:last-child{border-bottom:0}.trust strong{font-size:1rem}.trust span{font-size:.84rem} h2{font-size:2rem;margin-top:2em}.grid{gap:14px}.card{padding:22px;border-radius:17px}.metric{gap:10px}.metric div{padding:16px}.cta-band{padding:24px 21px;border-radius:20px}.cta-band h2{font-size:1.55rem;margin-bottom:8px} footer .wrap{padding-top:38px}.footer-brand img{width:180px} } @media(prefers-reduced-motion:reduce){.menu-toggle span,.topbar.menu-ready .nav{transition:none}} /* Homepage topical map */ .topical-map-card{position:relative;margin:0;border:0;border-radius:28px;padding:0;background:transparent;box-shadow:none;overflow:hidden} .topical-map-card img{display:block;width:100%;height:auto;background:transparent} .topical-map-card figcaption{padding:5px 14px 0;border:0;color:#617179;background:transparent;font:500 .75rem 'IBM Plex Mono',monospace;text-align:center} @media(max-width:860px){.topical-map-card{max-width:680px;border-radius:24px}} @media(max-width:620px){.topical-map-card{border-radius:20px}.topical-map-card figcaption{padding:4px 8px 0;font-size:.68rem}} /* Homepage evidence sections */ .definition-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:26px 0 8px} .definition-card{padding:24px;border:1px solid #d9e3e0;border-radius:20px;background:#fff;box-shadow:0 8px 28px rgba(28,47,54,.05)} .definition-card h3{margin:0 0 10px;font-size:1.18rem}.definition-card p{color:var(--dim);font-size:.94rem}.definition-card a,.text-link{font-weight:700;font-size:.9rem} .case-evidence{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0;padding:0;list-style:none;counter-reset:evidence} .case-evidence li{position:relative;padding:17px 18px 17px 48px;border:1px solid var(--line);border-radius:15px;background:#fff;color:#526168;font-size:.9rem} .case-evidence li:before{counter-increment:evidence;content:counter(evidence);position:absolute;left:16px;top:16px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e5f3f0;color:#087f73;font:700 .7rem 'IBM Plex Mono',monospace} .case-evidence strong{color:var(--text)} .home-process,.faq-home{margin-top:76px}.process-compact{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:26px 0 20px} .process-compact article{padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff}.process-compact span{color:#0b8478;font:700 .74rem 'IBM Plex Mono',monospace}.process-compact h3{margin:10px 0 7px}.process-compact p{margin:0;color:var(--dim);font-size:.9rem} .faq-home{max-width:850px}.faq-home details{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:0;background:transparent}.faq-home summary{position:relative;padding:18px 42px 18px 0;font-size:1.04rem;list-style:none}.faq-home summary::-webkit-details-marker{display:none}.faq-home summary:after{content:'+';position:absolute;right:8px;top:12px;color:#168c80;font:400 1.7rem 'Space Grotesk',sans-serif}.faq-home details[open] summary:after{content:'−'}.faq-home details p{padding:0 42px 18px 0;color:var(--dim)} .contact-card{max-width:760px;margin:34px 0 44px;padding:28px;border:1px solid #cfe0dc;border-radius:22px;background:linear-gradient(135deg,#fff,#eaf4f1);box-shadow:0 14px 38px rgba(28,47,54,.08)}.contact-card h2{max-width:none;margin:.55em 0 .35em;font-size:clamp(1.7rem,4vw,2.55rem);word-break:break-word}.contact-card p{max-width:60ch;color:var(--dim)}.contact-card .button{margin-top:8px} @media(max-width:860px){.definition-grid{grid-template-columns:1fr 1fr}.definition-card:last-child{grid-column:1/-1}.process-compact{grid-template-columns:1fr 1fr}} @media(max-width:620px){.definition-grid,.case-evidence,.process-compact{grid-template-columns:1fr}.definition-card:last-child{grid-column:auto}.definition-card,.process-compact article{padding:20px}.home-process,.faq-home{margin-top:58px}.case-evidence li{padding-right:15px}} /* kontakt: email kao istaknut tekst umesto naslova + adresa */ .lead-email{font:600 clamp(1.2rem,2.6vw,1.7rem)/1.3 'Space Grotesk',system-ui,sans-serif;margin:.1em 0 .35em} .contact-card address{font-style:normal;color:var(--dim);font-size:.94rem;margin-bottom:1.1em} /* prekidač jezika u glavnoj navigaciji */ .nav .lang-switch{border:1px solid var(--line);border-radius:999px;padding:.28em .8em;font-size:.86rem;letter-spacing:.02em;color:var(--dim)} .nav .lang-switch:hover,.nav .lang-switch:focus-visible{color:var(--text);border-color:var(--seo)} @media(max-width:860px){.nav .lang-switch{display:inline-block;margin-top:.4em}}