/* Product evidence on warm paper. Only the product screens float. */
@font-face{font-family:"Geist";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/web/Geist-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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Geist";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/web/Geist-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}
@font-face{font-family:"Geist";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/web/Geist-500-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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Geist";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/web/Geist-500-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}
.hr-section{--hr-ink:#17191c;--hr-muted:#62666b;--hr-line:rgba(23,25,28,.14);--hr-ui:"Geist",var(--sans);background:var(--papir);color:var(--hr-ink);padding:clamp(80px,9vw,140px) 0;font-family:var(--hr-ui);scroll-margin-top:110px}
.hr-section .u{max-width:1392px}
.hr-section [hidden]{display:none!important}
.hr-heading{display:grid;grid-template-columns:1.35fr 1fr;gap:clamp(32px,6vw,88px);align-items:end;margin-bottom:56px}
.hr-heading h2{font-family:"Serif",Georgia,serif;font-size:clamp(44px,5vw,64px);font-weight:400;line-height:1.16;letter-spacing:-.015em;margin:20px 0 0;text-wrap:balance}
.hr-heading h2>span:last-child{color:var(--hr-muted)}
.hr-heading .oz{font:500 13px/1.5 var(--hr-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--hr-muted);margin:0}
.hr-heading .vod{font:400 18px/1.6 var(--hr-ui);max-width:43ch;color:var(--hr-muted);margin:0 0 5px;text-wrap:pretty}
.hr-section h3{font-family:var(--hr-ui);font-weight:450;letter-spacing:-.015em}
.hr-section p{font-family:var(--hr-ui)}
.hr-section a:focus-visible,.hr-section button:focus-visible,.hr-section summary:focus-visible{outline:2px solid var(--hr-ink);outline-offset:5px}
.hr-link{display:inline-flex;align-items:center;gap:24px;font:500 15px/1.5 var(--hr-ui);color:var(--hr-ink);text-decoration:none;border-bottom:1px solid var(--hr-line);padding-bottom:6px}
.hr-link:hover{border-color:currentColor}
.hr-button{display:inline-flex;justify-content:center;align-items:center;gap:24px;padding:15px 22px;border:1px solid var(--hr-ink);border-radius:9999px;background:var(--hr-ink);color:#fff;text-decoration:none;font:450 15px/1.4 var(--hr-ui);transition:background .2s ease}
.hr-button:hover{background:#33373c}
.hr-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.hr-tabs button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 22px;border-radius:9999px;border:1px solid var(--hr-line);background:transparent;color:var(--hr-ink);font:450 15px/1.35 var(--hr-ui);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.hr-tabs button>span{font-size:12px;font-variant-numeric:tabular-nums;opacity:.65}
.hr-tabs button:hover{background:#ece9e4}
.hr-tabs button[aria-selected="true"]{color:#fff;background:var(--hr-ink);border-color:var(--hr-ink)}
.hr-product-art{position:relative;padding:56px 13% 76px 5%;background:#eeedeb;border-radius:24px;isolation:isolate}
.hr-desktop{overflow:hidden;border-radius:20px;background:#fff;box-shadow:0 24px 52px -26px rgba(23,25,28,.28),0 0 0 1px rgba(23,25,28,.08)}
.hr-desktop img{display:block;width:100%;height:auto}
.hr-product-art .hr-desktop{aspect-ratio:1.6}
.hr-product-art .hr-desktop img{height:100%;object-fit:cover;object-position:top}
.hr-phone{overflow:hidden;position:absolute;z-index:2;right:3.5%;bottom:5%;width:20%;border-radius:24px;border:5px solid #17191c;background:#fff;box-shadow:0 24px 42px -16px rgba(23,25,28,.3)}
.hr-phone img{display:block;width:100%;height:auto}
.hr-product-caption{display:grid;grid-template-columns:1fr 1fr;gap:56px;padding:32px 0 24px}
.hr-product-caption h3{font-size:26px;line-height:1.25;margin:0}
.hr-product-caption p{font-size:16px;line-height:1.65;color:var(--hr-muted);max-width:55ch;margin:0}
.hr-product:not(.is-ready) .hr-product-panel+ .hr-product-panel{margin-top:48px}
.hr-product-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:24px;border-top:1px solid var(--hr-line)}
.hr-product-footer p{font-size:13px;line-height:1.5;color:var(--hr-muted);margin:0}
.hr-urbano{padding-bottom:56px}
.hr-next-product{padding:0 0 80px;background:var(--papir);color:#17191c;font-family:"Geist",var(--sans)}
.hr-next-product .u{max-width:1392px;display:grid;grid-template-columns:1fr 1fr;gap:56px}
.hr-next-product .u>div{display:flex;align-items:center;gap:20px}
.hr-next-product h3{font-size:23px;font-weight:400;letter-spacing:-.02em;margin:0}
.hr-next-product span{font-size:12px;line-height:1.4;padding:7px 12px;border:1px solid rgba(23,25,28,.14);border-radius:9999px;color:#62666b}
.hr-next-product p{font-size:14px;line-height:1.7;color:#62666b;margin:0}
.hr-value{--hr-section-color:#fbe1d1;background:var(--hr-section-color)}
.hr-industries{--hr-section-color:#eceeeb;background:var(--hr-section-color)}
.hr-value,.hr-industries{position:relative;isolation:isolate;overflow:clip}
.hr-value>.u,.hr-industries>.u{position:relative;z-index:1}
.hr-value::before,.hr-industries::before{content:"";position:absolute;inset:0;z-index:0;background:var(--papir);opacity:calc(1 - var(--hr-wash,1));pointer-events:none}
.hr-value .hr-evidence-art{background:rgba(255,255,255,.48)}
.hr-industries .hr-sector-features figure{background:rgba(255,255,255,.58)}
.hr-benefits{position:relative;display:grid;grid-template-columns:1fr;gap:48px}
.hr-benefits.is-ready{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}
.hr-benefit{border-top:1px solid var(--hr-line)}
.hr-benefit:last-child{border-bottom:1px solid var(--hr-line)}
.hr-section summary{list-style:none;cursor:pointer}
.hr-section summary::-webkit-details-marker{display:none}
.hr-benefit summary,.hr-sector-index summary{display:grid;grid-template-columns:24px minmax(0,1fr) 24px;gap:16px;align-items:center;padding:24px 0}
.hr-benefit summary h3{font-size:22px;line-height:1.3;margin:0}
.hr-number{font-size:12px;font-variant-numeric:tabular-nums;color:var(--hr-muted)}
.hr-toggle{font-weight:400;font-size:23px;line-height:1;text-align:center;transition:transform .2s}
.hr-section details[open] .hr-toggle{transform:rotate(45deg)}
.hr-benefit[open] .hr-benefit-body,.hr-sector-index details[open]>div{animation:hr-open .35s cubic-bezier(.2,.7,.2,1)}
@keyframes hr-open{from{opacity:.3;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.hr-benefit-body{padding:0 0 28px 40px}
.hr-benefit-body>p{font-size:16px;line-height:1.6;color:var(--hr-muted);max-width:45ch;margin:0 0 18px}
.hr-proof-links{display:flex;flex-wrap:wrap;gap:10px 20px;margin:0}
.hr-proof-links a{font-size:13px;line-height:1.5;text-decoration:none;color:var(--hr-ink);border-bottom:1px solid var(--hr-line);padding-bottom:3px}
.hr-proof-links a::after{content:" ↗"}
.hr-proof-links a:hover{border-color:currentColor}
.hr-inline-proof{margin:24px 0 0}
.hr-evidence-art{position:relative;padding:32px 14% 40px 5%;background:#eeedeb;border-radius:24px}
.hr-evidence-art .hr-desktop{aspect-ratio:1.6}
.hr-evidence-art .hr-desktop img{width:100%;height:100%;object-fit:cover;object-position:top}
.hr-evidence-art .hr-phone{width:23%;right:4%;bottom:6%;border-width:4px;border-radius:20px}
.hr-benefit-viewer{align-self:start;position:sticky;top:140px}
.hr-benefit-viewer figure{margin:0}
.hr-benefit-viewer figcaption{display:flex;gap:16px;color:var(--hr-muted);font-size:13px;line-height:1.5;padding-top:20px}
.hr-benefit-viewer figcaption span{font-variant-numeric:tabular-nums}
.hr-agreement{display:grid;grid-template-columns:1fr 2fr;gap:64px;margin-top:72px;padding-top:40px;border-top:1px solid var(--hr-line)}
.hr-agreement .oz{display:block;font:500 13px/1.5 var(--hr-ui);letter-spacing:0;text-transform:none;color:var(--hr-muted);margin:0 0 20px}
.hr-agreement ul{display:grid;grid-template-columns:1fr 1fr;gap:24px 48px;list-style:none;padding:0;margin:0}
.hr-agreement li b{display:block;font-size:16px;line-height:1.5;font-weight:500;margin-bottom:6px}
.hr-agreement li span{display:block;font-size:14px;line-height:1.6;color:var(--hr-muted)}
.hr-sector-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.hr-sector-features article{min-width:0}
.hr-sector-features figure{margin:0 0 28px;padding:18px;background:#eeedeb;border-radius:24px;overflow:hidden}
.hr-sector-features figure img{display:block;width:100%;height:auto;aspect-ratio:1.3;object-fit:cover;object-position:top;border-radius:12px}
.hr-sector-features h3{font-size:24px;line-height:1.3;margin:10px 0 14px}
.hr-sector-number{font-size:12px;line-height:1.5;font-variant-numeric:tabular-nums;color:var(--hr-muted);margin:0}
.hr-sector-features article>p:not(.hr-sector-number):not(.hr-sector-proof){font-size:15px;line-height:1.7;color:var(--hr-muted);margin:0 0 20px}
.hr-sector-proof{font-size:12px;line-height:1.8;color:var(--hr-muted);margin:0}
.hr-sector-proof a{color:var(--hr-ink);text-decoration:none;border-bottom:1px solid var(--hr-line);padding-bottom:3px}
.hr-sector-proof a:hover{border-color:currentColor}
.hr-sector-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;margin-top:56px}
.hr-sector-index details{border-top:1px solid var(--hr-line);align-self:start}
.hr-sector-index summary{gap:12px;padding:22px 0;align-items:start}
.hr-sector-index summary h3{font-size:17px;line-height:1.5;margin:0}
.hr-sector-index .hr-number{padding-top:3px}
.hr-sector-index .hr-toggle{padding-top:1px}
.hr-sector-index details>div{padding:0 0 24px 36px}
.hr-sector-index details>div>p:first-child{font-size:14px;line-height:1.65;color:var(--hr-muted);margin:0 0 12px}
.hr-sector-contact{display:flex;align-items:center;justify-content:space-between;gap:48px;border-top:1px solid var(--hr-line);padding-top:32px;margin-top:32px}
.hr-sector-contact p{font-size:17px;line-height:1.6;color:var(--hr-muted);max-width:60ch;margin:0}
.hr-sector-contact .hr-button{flex-shrink:0}
@media(min-width:901px){.hr-benefits.is-ready .hr-inline-proof{display:none}}
@media(max-width:1100px){
 .hr-benefits.is-ready{gap:32px;grid-template-columns:1fr 1fr}
 .hr-benefit summary h3{font-size:20px}
 .hr-sector-features,.hr-sector-index{gap:0 24px}
 .hr-heading{gap:40px}
}
@media(max-width:900px){
 .hr-heading{grid-template-columns:1fr;gap:24px;margin-bottom:36px}
 .hr-heading .vod{max-width:56ch;font-size:17px}
 .hr-heading h2{font-size:64px}
 .hr-benefits.is-ready{grid-template-columns:1fr;gap:0}
 .hr-benefit-viewer{display:none!important}
 .hr-product-art{padding:36px 14% 52px 4%}
 .hr-product-art .hr-phone{border-width:4px;right:3%;width:22%;border-radius:20px}
 .hr-product-caption{gap:32px}
 .hr-agreement{grid-template-columns:1fr;gap:28px}
 .hr-sector-features{gap:32px 20px}
 .hr-sector-features figure{padding:10px;border-radius:20px;margin-bottom:20px}
 .hr-sector-features h3{font-size:20px}
 .hr-sector-features article>p:not(.hr-sector-number):not(.hr-sector-proof){font-size:14px}
 .hr-sector-index{grid-template-columns:1fr 1fr;gap:0 24px}
}
@media(max-width:600px){
 .hr-section{padding:72px 0;scroll-margin-top:86px}
 .hr-heading h2{font-size:44px;line-height:1.15;letter-spacing:-.015em}
 .hr-heading .vod{font-size:16px;line-height:1.65}
 .hr-tabs{gap:6px;flex-wrap:nowrap}
 .hr-tabs button{min-width:0;flex:1;gap:0;padding:11px 8px;font-size:12px;line-height:1.4;min-height:48px}
 .hr-tabs button>span{display:none}
 .hr-product-art{padding:24px 4% 65px;overflow:visible}
 .hr-product-art .hr-desktop{width:91%;aspect-ratio:1.22;border-radius:12px}
 .hr-product-art .hr-desktop img{object-position:22% top}
 .hr-product-art .hr-phone{width:28%;right:3%;bottom:5%;border-width:3px;border-radius:13px}
 .hr-product-caption{grid-template-columns:1fr;gap:14px;padding:24px 0}
 .hr-product-caption h3{font-size:24px}
 .hr-product-caption p{font-size:15px}
 .hr-product-footer{align-items:start;flex-direction:column;gap:16px}
 .hr-urbano{padding-bottom:32px}
 .hr-next-product{padding-bottom:64px}
 .hr-next-product .u{grid-template-columns:1fr;gap:16px}
 .hr-link{font-size:14px}
 .hr-benefit summary{padding:22px 0;gap:12px;grid-template-columns:20px minmax(0,1fr) 20px}
 .hr-benefit summary h3{font-size:19px}
 .hr-benefit-body{padding-left:32px}
 .hr-benefit-body>p{font-size:15px}
 .hr-inline-proof{margin-left:-32px}
 .hr-evidence-art{padding:26px 16% 32px 4%;border-radius:20px}
 .hr-evidence-art .hr-desktop{border-radius:12px}
 .hr-evidence-art .hr-phone{border-width:3px;border-radius:12px;width:25%;right:3%}
 .hr-agreement{margin-top:48px;padding-top:28px}
 .hr-agreement ul{grid-template-columns:1fr;gap:20px}
 .hr-sector-features{grid-template-columns:1fr;gap:36px}
 .hr-sector-features figure{padding:18px;border-radius:24px}
 .hr-sector-features figure img{aspect-ratio:1.5}
 .hr-sector-features h3{font-size:23px}
 .hr-sector-features article>p:not(.hr-sector-number):not(.hr-sector-proof){font-size:15px}
 .hr-sector-index{grid-template-columns:1fr;margin-top:40px}
 .hr-sector-index summary h3{font-size:18px}
 .hr-sector-contact{flex-direction:column;align-items:start;gap:24px;margin-top:24px}
 .hr-sector-contact p{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.hr-section *{animation:none!important;transition:none!important}}

/* Questions remain native disclosures, including without JavaScript. */
.fq .fq-d{display:block;padding:0}
.fq .fq-d>summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0;cursor:pointer;list-style:none}
.fq .fq-d>summary::-webkit-details-marker{display:none}
.fq .fq-d>summary::marker{content:""}
.fq .fq-d>summary h3{max-width:56ch;margin:0;line-height:1.4}
.fq-toggle{flex:0 0 24px;font:400 28px/1 "Geist",var(--sans);text-align:center;transition:transform .3s ease}
.fq-d[open] .fq-toggle{transform:rotate(45deg)}
.fq .fq-d>div{padding:0 48px 28px 0;max-width:76ch}
.fq .fq-d[open]>div{animation:hr-open .35s ease both}
.fq .fq-d>summary:hover h3{color:var(--zar)}
.fq .fq-d>summary:focus-visible{outline:2px solid var(--tinta);outline-offset:6px;border-radius:4px}
@media(max-width:600px){.fq .fq-d>summary{padding:22px 0;gap:16px}.fq .fq-d>div{padding:0 0 24px}.fq .fq-d p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.fq .fq-d>div{animation:none!important}.fq-toggle{transition:none}}

/* The original animated iPhone case study, with the revised editorial copy.
   Back-to-front rotation and the screen sequence remain the same product story. */
.uv-restore{font-family:"Geist",var(--sans);background:var(--papir);--pw:min(calc((100dvh - 200px)/2.078),372px)}
.uv-restore .uv-chapter{font:400 64px/1.16 "Serif",Georgia,serif;letter-spacing:-.015em}
.uv-restore .uv-chapter>span:last-child{color:#62666b}
.uv-restore .uv-description{font:400 17px/1.65 "Geist",var(--sans)}
.uv-restore .uv-kicker{font:500 13px/1.5 "Geist",var(--sans);text-transform:uppercase;letter-spacing:.06em}
.uv-restore .uv-ulaz-naslov{font:400 clamp(44px,6vw,90px)/1.16 "Serif",Georgia,serif;letter-spacing:-.02em}
.uv-restore .uvt-slajd h3{font:400 clamp(30px,3.4vw,44px)/1.16 "Serif",Georgia,serif;letter-spacing:-.015em}
.uv-restore .uvt-slajd p{font-family:"Geist",var(--sans)}
.uv-restore-footer{padding-top:48px;padding-bottom:64px}
.uv-restore:not(.uv-motion) .uv-sloj{display:flex;flex-direction:column}
.uv-restore:not(.uv-motion) .uv-ulaz,.uv-restore:not(.uv-motion) .uv-ulaz-naslov,.uv-restore:not(.uv-motion) .uv-mrak,.uv-restore:not(.uv-motion) .uv-wordmark{display:none}
.uv-restore:not(.uv-motion) .uv-stage{order:-1;min-height:0;padding-top:80px;padding-bottom:40px}
.uv-restore:not(.uv-motion) .uv-story{width:auto;max-width:650px;margin:0}
.uv-restore:not(.uv-motion) .uv-stage-footer{position:static;margin-top:36px}
.uv-restore:not(.uv-motion) .uv-drzac{position:relative;height:600px;opacity:1}
.uv-restore:not(.uv-motion) .uv-device{left:50%;top:50%;--pw:230px}
.uv-restore:not(.uv-motion) .uv-detalj{display:none}
.uv-restore:not(.uv-motion) .uvt{height:auto!important}
.uv-restore:not(.uv-motion) .uvt-drzac{position:static;height:auto;overflow:visible;padding:48px 0;display:block}
.uv-restore:not(.uv-motion) .uvt-kopija{max-width:none;text-align:left}
.uv-restore:not(.uv-motion) .uvt-brojac,.uv-restore:not(.uv-motion) .uvt-moduli{display:none}
.uv-restore:not(.uv-motion) .uvt-slajdovi{display:grid;grid-template-columns:1fr 1fr;gap:40px 64px}
.uv-restore:not(.uv-motion) .uvt-slajd{grid-area:auto;opacity:1;transform:none;pointer-events:auto}
.uv-restore:not(.uv-motion) .uvt-slajd p{margin-inline:0;max-width:48ch}
.uv-restore:not(.uv-motion) .uvt-slajd h3{font-size:30px}
@media(max-width:1100px){.uv-restore{--pw:min(calc(46dvh/2.078),220px)}}
@media(max-width:900px){
 .uv-restore.uv-motion .uv-story{opacity:var(--ul-story,1)}
 .uv-restore .uv-chapter{font-size:44px}
 .uv-restore .uvt-slajd h3{font-size:30px}
 .uv-restore .uvt-slajd p{max-width:38ch}
 .uv-restore .uv-description{font-size:16px}
 .uv-restore .uv-ulaz-naslov{top:14vh}
 .uv-restore:not(.uv-motion) .uvt-slajdovi{grid-template-columns:1fr;gap:32px}
 .uv-restore:not(.uv-motion) .uv-drzac{height:560px}
}
@media(max-width:720px){
 .uv-restore{--pw:clamp(110px,calc((100dvh - 440px)/2.078),236px)}
 .uv-restore .uvt-brojac{font-size:10px;letter-spacing:.06em;gap:10px}
 .uv-restore .uvt-traka{max-width:70px}
 .uv-restore .uvt-slajd h3{font-size:28px}
 .uv-restore .uvt-slajd p{font-size:14px;line-height:1.55;max-width:36ch}
 .uv-restore .uvt-drzac{padding-bottom:32px}
 .uv-restore:not(.uv-motion) .uvt-drzac{padding-bottom:48px}
}
@media(max-width:720px) and (max-height:650px){
 .uv-restore.uv-motion{--pw:90px}
 .uv-restore.uv-motion .uvt-slajd h3{font-size:24px}
 .uv-restore.uv-motion .uvt-slajd p{font-size:13px;line-height:1.45}
 .uv-restore.uv-motion .uvt-drzac{padding-bottom:24px}
}

/* Six quiet rows stay together; their product and explanation follow scroll. */
.hr-benefit-scroll.is-scroll-ready{height:calc(var(--hr-frame-height) + 150svh)}
.hr-scroll-ready.hr-benefits{position:sticky;top:var(--hr-sticky-top,96px);align-items:center;gap:clamp(32px,5vw,72px)}
.hr-scroll-ready .hr-benefit-body{display:none}
.hr-scroll-ready .hr-benefit summary{position:relative;min-height:72px;padding:20px 0;grid-template-columns:24px minmax(0,1fr) 20px;gap:16px}
.hr-scroll-ready .hr-benefit summary h3{font-size:20px;line-height:1.4;font-weight:400;transition:color .25s}
.hr-scroll-ready .hr-benefit.is-current h3,.hr-scroll-ready .is-current .hr-number{color:#c9361d}
.hr-scroll-ready .hr-toggle{font-size:0;transform:none!important;color:var(--hr-muted)}
.hr-scroll-ready .hr-toggle::after{content:"—";font-size:16px}
.hr-scroll-ready .is-current .hr-toggle::after{content:"→";color:#c9361d}
.hr-scroll-ready .hr-benefit-viewer{position:static;display:block!important;min-height:var(--hr-evidence-height,0px);width:100%}
.hr-scroll-ready .hr-benefit-viewer figcaption{display:block;font-size:12px;padding-top:20px}
.hr-scroll-ready .hr-benefit-viewer figcaption>span{color:#c9361d;margin-right:10px}
.hr-evidence-copy>p{margin:14px 0 0;font-size:16px;line-height:1.6;color:var(--hr-muted);max-width:48ch}
.hr-evidence-copy .hr-proof-links{margin-top:16px}
.hr-benefits:not(.hr-scroll-ready) .hr-evidence-copy{display:none}
.hr-scroll-ready .hr-benefit summary:focus-visible{outline:2px solid #c9361d;outline-offset:4px}
@media(max-width:900px){
 .hr-scroll-ready.hr-benefits{grid-template-columns:1fr;gap:24px}
 .hr-scroll-ready .hr-benefit-viewer{grid-row:1}
 .hr-scroll-ready .hr-benefit summary{padding:12px 0;min-height:46px;gap:12px;grid-template-columns:20px minmax(0,1fr) 20px}
 .hr-scroll-ready .hr-benefit summary h3{font-size:16px;line-height:1.35}
 .hr-scroll-ready .hr-evidence-art{padding:16px 16% 20px 4%}
 .hr-scroll-ready .hr-benefit-viewer figcaption{padding-top:14px;font-size:11px}
 .hr-scroll-ready .hr-evidence-copy>p{font-size:14px;line-height:1.5;margin-top:10px}
 .hr-scroll-ready .hr-evidence-copy .hr-proof-links{margin-top:12px}
 .hr-scroll-ready .hr-proof-links a{font-size:12px}
}

/* A coloured paper world follows each chapter, behind all readable content. */
.scroll-atmosphere{position:relative;isolation:isolate;overflow:clip;--sa-progress:.5;--sa-wash:1}
.scroll-atmosphere>.u,.scroll-atmosphere>.izj-lj,.scroll-atmosphere>.icb-panel{position:relative;z-index:1}
.scroll-atmosphere::after{content:"";position:absolute;z-index:0;pointer-events:none;width:clamp(340px,68vw,1100px);aspect-ratio:1;right:-24%;top:4%;border:1px solid rgba(23,25,28,.09);border-radius:50%;box-shadow:0 0 0 80px rgba(23,25,28,.024),0 0 0 160px rgba(23,25,28,.018);transform:translate3d(0,calc((var(--sa-progress) - .5) * -90px),0) rotate(calc(var(--sa-progress) * 24deg))}
#cijeli-posao.scroll-atmosphere{background:#ece6dc}
#sta-radimo.scroll-atmosphere{background:#f0e8df}
#sta-radimo .bn-cell:nth-of-type(1){background:#fbe1d1}
#sta-radimo .bn-cell:nth-of-type(2){background:#eeefed}
#sta-radimo .bn-cell:nth-of-type(3){background:#e2e5e1}
#sta-radimo .bn-cell h3{font-family:"Serif",Georgia,serif;font-size:44px;line-height:1.12;font-weight:400}
#sta-radimo .bs{background:rgba(255,255,255,.4);border-radius:24px}
#partnerstvo-icbl.scroll-atmosphere{background:#e5e8e4}
#arky.scroll-atmosphere{background:#e9e6e0}
#golden-standard.scroll-atmosphere{background:#eee6d9}
#nacini.scroll-atmosphere{background:#e9e5df}
#nacini.scroll-atmosphere::after{right:auto;left:-32%;top:36%;border-radius:24px;box-shadow:none;transform:rotate(calc(-18deg + var(--sa-progress) * 24deg));background-image:linear-gradient(rgba(23,25,28,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(23,25,28,.03) 1px,transparent 1px);background-size:64px 64px}
#standard.scroll-atmosphere{background:#e4e6e2}
#use-case.scroll-atmosphere::after{right:-32%;top:35%}
#cijene.scroll-atmosphere{background:#e8e5de!important}
#pitanja.scroll-atmosphere{background:#f3e4da}
#pitanja.scroll-atmosphere::after{top:auto;bottom:-10%;right:-40%}
#postanak.scroll-atmosphere{background:#e3e7e5}
#u-imenu.scroll-atmosphere{background:#eeeae3}
.bn-gs-eu-banner{grid-column:1/-1;padding:clamp(28px,4vw,52px) var(--bn-pad);border-bottom:1px solid var(--bn-line);background:rgba(255,255,255,.65)}
.bn-gs-eu-banner .bn-gs-eu{display:flex;align-items:center;gap:clamp(32px,5vw,80px);margin:0}
.bn-gs-eu-banner .bn-gs-eu img{display:block;width:min(62%,720px);max-width:100%;height:auto}
.bn-gs-eu-banner .bn-gs-eu span{font-size:13px!important;line-height:1.7;max-width:34ch;color:var(--bn-soft)}
.bn-gs-dno{grid-template-columns:1fr}
@media(max-width:900px){
 .scroll-atmosphere::after{right:-80%;top:12%;width:600px;box-shadow:0 0 0 60px rgba(23,25,28,.018)}
 .bn-gs-eu-banner .bn-gs-eu{flex-direction:column;align-items:flex-start;gap:20px}
 .bn-gs-eu-banner .bn-gs-eu img{width:min(100%,605px)}
 .bn-gs-eu-banner .bn-gs-eu span{max-width:48ch;font-size:12px!important}
 #sta-radimo .bn-cell h3{font-size:36px}
}
@media(prefers-reduced-motion:reduce){.scroll-atmosphere::after{transform:none!important}}
.bn-gs-eu-banner .bn-gs-eu .bn-gs-eu-flag{width:164px;flex:none;border-radius:0}
.bn-gs-eu-programme{min-width:0;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;flex:1}
.bn-gs-eu-banner .bn-gs-eu-programme img{width:min(100%,605px)}
@media(max-width:1100px){.bn-gs-eu-programme{grid-template-columns:1fr;gap:20px}.bn-gs-eu-banner .bn-gs-eu .bn-gs-eu-flag{width:132px}}
@media(max-width:900px){.bn-gs-eu-banner .bn-gs-eu .bn-gs-eu-flag{width:108px}.bn-gs-eu-programme{width:100%;gap:20px}}
#arky .ark-tekst{min-width:0}
#arky .ark-veza{max-width:100%;white-space:normal;overflow-wrap:anywhere}
@media(max-width:980px){#arky .ark-okvir{grid-template-columns:minmax(0,1fr)}}