/* ZNAKOVIO: one blue accent; 8px controls and 12px media; existing type and motion retained. */
:root{--bg:#f7f8fa;--surface:#eceff4;--ink:#17202d;--muted:#535f70;--line:#d5dce7;--blue:#2764ff;--blue-hover:#164dd3;--blue-text:#1d50cc;--tint:#eaf0ff;--field:#fff;--radius:8px;--photo-radius:12px;color-scheme:light dark}
body{color-scheme:light dark}
.button:not(.secondary),.masthead-full .button,.calc-output .button{background:var(--blue);border:1px solid var(--blue);color:#fff;border-radius:8px;min-height:56px;font-size:16px;font-weight:600;letter-spacing:0;line-height:1.4;gap:18px;padding:15px 24px;transition:background-color .18s,border-color .18s,transform .18s}
.button:not(.secondary):hover,.masthead-full .button:hover,.calc-output .button:hover{background:var(--blue-hover);border-color:var(--blue-hover);color:#fff;transform:translateY(-2px)}
.button:not(.secondary):active{transform:translateY(0) scale(.985)}
.button:disabled{opacity:.65;cursor:wait;transform:none}
.button:focus-visible{outline:3px solid var(--blue-text);outline-offset:4px;box-shadow:0 0 0 2px var(--bg)}
.masthead-full .button:focus-visible{outline-color:#fff;box-shadow:none}
.textlink{color:var(--blue-text);text-decoration-thickness:1px;text-underline-offset:5px}
.textlink:hover{color:var(--blue-hover)}
.header-estimate{display:none}
@media (min-width:1200px){.header-inner .header-estimate{display:inline-flex;min-height:44px;padding:10px 16px;font-size:14px;white-space:nowrap}.header-inner{gap:22px}.main-nav{gap:24px}.header-phone{white-space:nowrap}.brand,.brand img{width:156px}}
.masthead-full{padding-top:80px}
.masthead-full .button{min-width:290px}
.masthead-full .intro{max-width:48ch}
.calculator{background:var(--tint);border:1px solid var(--line);border-radius:12px;padding:42px}
.calculator h2{max-width:800px}.calc-grid{align-items:start;gap:40px}
.calc-form input[type=number],.calc-form select,.lead-field input{background:var(--field);border-radius:8px;min-height:50px;color:var(--ink);font-size:16px}
.calc-form select:focus-visible,.calc-form input:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.check input{accent-color:var(--blue);width:20px;height:20px}
.estimate-panel{border-radius:12px;background:var(--field);border-top:4px solid var(--blue);padding:30px;min-width:0}
.estimate-panel .price{color:var(--blue-text);font-variant-numeric:tabular-nums;line-height:1.25;margin-block:12px 18px;overflow-wrap:anywhere}
.estimate-panel .range{font-size:16px;color:var(--muted);line-height:1.6}
.estimate-panel .breakdown{margin-block:24px;border-top:1px solid var(--line);padding-top:16px}
.estimate-panel .breakdown p{gap:16px}.estimate-panel .breakdown strong{white-space:nowrap}
.estimate-panel .estimate-lead{display:flex;width:100%;justify-content:space-between;margin-top:28px;font-size:18px;min-height:60px}
.estimate-panel .estimate-mail{display:inline-flex;font-size:14px;margin-top:16px;padding-block:6px;min-height:40px}
.estimate-action-note{margin:10px 0 0;font-size:14px;line-height:1.55;max-width:48ch;color:var(--muted)}
.process-intro{max-width:64ch;margin-bottom:42px}
.process-roadmap{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;counter-reset:process;margin-top:0;align-items:stretch}
.process-roadmap article{position:relative;display:flex;flex-direction:column;align-items:flex-start;border-top:1px solid var(--line);padding:28px 24px 8px 0;min-width:0}
.process-roadmap article::before{content:"";position:absolute;top:-2px;left:0;width:38px;height:3px;background:var(--blue)}
.process-roadmap article:not(:last-child)::after{content:"→";position:absolute;right:20px;top:31px;color:var(--muted);font:24px/1 Arial,sans-serif}
.process-roadmap .step-num{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--blue);border-radius:50%;color:var(--blue-text);font-family:'Golos Text',Arial,sans-serif;font-size:17px;font-weight:600;margin:0 0 26px;background:var(--bg)}
.process-roadmap h3{font-size:clamp(16px,1.45vw,21px);line-height:1.4;min-height:3em;letter-spacing:-.035em}
.process-roadmap p{font-size:16px;line-height:1.65;color:var(--muted);margin:15px 0 24px}
.process-roadmap .step-result{margin-top:auto;border-left:2px solid var(--blue);padding-left:12px;font-size:14px;font-weight:600;line-height:1.4;color:var(--ink)}
.lead-form{border:1px solid var(--line);border-top:4px solid var(--blue);background:var(--field);padding:32px}
.lead-form legend{font-size:22px}.lead-track{border-radius:3px;overflow:hidden}.lead-progress{color:var(--muted)}.lead-progress span{color:var(--blue-text);font-weight:700}
.lead-choices input:checked+span,.lead-places input:checked+span{border-color:var(--blue);background:var(--tint)}
.lead-intro .eyebrow{color:var(--blue-text)}
.lead-deliver-title{font-family:'Golos Text',Arial,sans-serif;font-size:17px;font-weight:600;letter-spacing:0;margin-top:32px}
.lead-deliverables{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:14px}
.lead-deliverables li{display:flex;align-items:center;gap:14px;margin:0;font-size:16px;line-height:1.4}
.deliver-num{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;font-size:13px;color:var(--blue-text);background:var(--tint);border-radius:50%;font-weight:600}
.estimate-attached{background:var(--tint);border-left:3px solid var(--blue);padding:18px 20px;margin-top:28px;font-size:16px;line-height:1.5}.estimate-attached strong,.estimate-attached span{display:block}.estimate-attached span{margin-top:6px;color:var(--muted)}
.real-work-section{border-top:1px solid var(--line)}.real-work-section>.intro{margin-bottom:32px;max-width:58ch}
.real-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;align-items:start;margin-block:32px 24px}
.real-work-grid:has(>:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}
.real-work-grid.single{max-width:840px;grid-template-columns:1fr}
.real-work-card{display:block;min-width:0}.real-work-image,.project-cover{position:relative;display:block;overflow:hidden;background:var(--surface);border-radius:12px;isolation:isolate}
.real-work-image{aspect-ratio:4/3}.real-work-image img{width:100%;height:100%;object-fit:contain}
.real-work-card h3{font-size:20px;margin-top:20px;line-height:1.4}.real-work-card p{font-size:16px;line-height:1.55;color:var(--muted);margin:9px 0 0}
.real-work-card:hover h3{color:var(--blue-text)}.real-work-card:focus-visible{outline:3px solid var(--blue);outline-offset:6px;border-radius:12px}
.project-open{position:absolute;bottom:14px;right:14px;display:grid;place-items:center;width:40px;height:40px;background:var(--blue);color:#fff;border-radius:50%;font:24px/1 Arial,sans-serif;transition:transform .2s;pointer-events:none}
.real-work-card:hover .project-open,.project-cover:hover .project-open{transform:translateY(-3px)}
.portfolio{gap:52px 32px;align-items:start}.project{min-width:0;scroll-margin-top:100px}
.project-cover{aspect-ratio:4/3}.project-cover>img{height:100%;width:100%;object-fit:contain;border-radius:0}
.project-category{margin:20px 0 10px;color:var(--blue-text);font-size:14px;font-weight:500}
.project h2{margin-top:0;font-size:25px;line-height:1.3}.project .desc{max-width:55ch;margin-top:12px;line-height:1.6}
.project details{border-top:1px solid var(--line);padding-top:12px}.project details>summary{color:var(--blue-text);min-height:44px;padding-block:8px;font-size:15px}
.project-gallery{align-items:start}.project-gallery img{background:var(--surface);object-fit:contain}
.filters{gap:10px;flex-wrap:wrap}.filter{min-height:44px;border-radius:8px;font-weight:500}.filter[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:#fff}.filter:hover{border-color:var(--blue);color:var(--blue-text)}.filter[aria-pressed=true]:hover{color:#fff;background:var(--blue-hover)}
.service-gallery .gallery-head{border-top-color:var(--blue)}.service-gallery .concept-grid{gap:38px 24px}.service-gallery .concept-grid figure:nth-child(even){margin-top:44px}.service-gallery .concept-grid figure:last-child a{aspect-ratio:3/2}
.concept-grid a{border-radius:12px}.concept-grid a::after{opacity:1;transform:none;background:var(--blue);color:#fff}.concept-grid figcaption{color:var(--ink);line-height:1.6}
.service-tile .tile-meta>.icon{color:var(--blue-text)}.feature-list .icon{color:var(--blue-text)}
@media (prefers-color-scheme:dark){:root{--bg:#141b26;--surface:#202c3d;--ink:#f0f4fa;--muted:#b9c4d4;--line:#39485f;--blue:#2764ff;--blue-hover:#1a53de;--blue-text:#9bb8ff;--tint:#202f4a;--field:#1b2535}body{color-scheme:dark}.textlink:hover{color:#c1d2ff}.button.secondary{color:var(--ink)}.lead-error{color:#ffaaa4}}
@media (max-width:1100px){.process-roadmap{grid-template-columns:1fr}.process-roadmap article{display:grid;grid-template-columns:54px minmax(0,1fr);column-gap:20px;padding:24px 0;border-top:1px solid var(--line)}.process-roadmap .step-num{grid-column:1;grid-row:1/4;margin:0;width:44px;height:44px}.process-roadmap h3{min-height:0;font-size:21px;grid-column:2}.process-roadmap p{grid-column:2;margin:12px 0 16px;max-width:65ch}.process-roadmap .step-result{grid-column:2}.process-roadmap article::before,.process-roadmap article::after{display:none}.real-work-grid:has(>:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:850px){.calculator{padding:30px 24px}.calc-grid{gap:26px}.estimate-panel{padding:26px}.lead-intro h2{font-size:clamp(28px,5vw,42px)}.service-gallery .concept-grid figure:nth-child(even){margin-top:0}.masthead-full{padding-top:80px}}
@media (max-width:600px){.button:not(.secondary),.masthead-full .button{font-size:16px;padding:15px 18px;min-width:0;max-width:100%}.calculator{padding:24px 16px}.estimate-panel{padding:24px 18px}.estimate-panel .price{font-size:clamp(25px,7.6vw,36px)}.estimate-panel .breakdown p{font-size:14px}.calc-grid{grid-template-columns:1fr}.real-work-grid,.real-work-grid:has(>:nth-child(4)){grid-template-columns:1fr;gap:32px}.real-work-image{aspect-ratio:4/3}.real-work-card h3{font-size:22px;margin-top:17px}.service-gallery .concept-grid{grid-template-columns:1fr;gap:32px}.concept-grid figure,.concept-grid figure:nth-child(-n+2){grid-column:1}.concept-grid figcaption{font-size:15px}.lead-form{padding:24px 18px}.lead-form legend{font-size:20px}.lead-submit{font-size:14px!important;padding-inline:12px!important}.process-roadmap article{grid-template-columns:40px minmax(0,1fr);column-gap:16px}.process-roadmap .step-num{width:36px;height:36px;font-size:15px}.process-roadmap h3{font-size:19px}.project h2{font-size:24px}.project-category{margin-top:16px}}
@media (prefers-reduced-motion:reduce){.button,.project-open{transition:none!important}.button:hover,.button:active,.real-work-card:hover .project-open,.project-cover:hover .project-open{transform:none!important}}