:root{--color-canvas:#f7efe3;--color-paper:#fffaf3;--color-paper-soft:#f4ebdf;--color-paper-panel:#fff8ed;--color-ink:#211d1a;--color-muted:#6d635a;--color-copper:#a54f2d;--color-orange:#d96732;--color-bronze:#7c5138;--color-dark:#40342e;--color-dark-soft:#59473d;--color-line:#30251d2e;--color-line-strong:#30251d47;--font-display:Georgia, "Times New Roman", serif;--font-interface:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs:.74rem;--text-sm:.875rem;--text-base:1rem;--text-lead:clamp(1.02rem, 1.25vw, 1.18rem);--heading-1:clamp(3.15rem, 6.3vw, 6.65rem);--heading-2:clamp(2.15rem, 4.2vw, 4.4rem);--heading-3:clamp(1.25rem, 2vw, 1.8rem);--content-width:1200px;--content-gutter:clamp(24px, 4vw, 64px);--content-inline:min(var(--content-width), calc(100vw - (2 * var(--content-gutter))));--space-1:.5rem;--space-2:.75rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--space-6:3rem;--space-7:4rem;--space-section:clamp(4.5rem, 7vw, 7rem);--header-height:78px;--radius-sm:12px;--radius-md:20px;--radius-lg:30px;--radius-xl:36px;--radius-pill:999px;--shadow-soft:0 18px 48px #442f211a;--shadow-panel:0 28px 72px #452e1f24;--shadow-menu:0 18px 42px #2a1d1524;--focus-inner:#fffaf3;--focus-outer:#a54f2d;--motion-fast:.16s;--motion-base:.24s;--motion-content:.36s;--motion-story:.56s;--ease-ui:cubic-bezier(.2, .7, .2, 1);--ease-content:cubic-bezier(.18, 1, .32, 1);--ink:var(--color-ink);--paper:var(--color-canvas);--white:var(--color-paper);--muted:var(--color-muted);--fire:var(--color-orange);--fire-deep:var(--color-copper);--night:var(--color-dark);--line:var(--color-line);--width:var(--content-inline);--radius:var(--radius-md);--web-canvas:var(--color-canvas);--web-paper:var(--color-paper);--web-paper-soft:var(--color-paper-soft);--web-paper-panel:var(--color-paper-panel);--web-ink:var(--color-ink);--web-muted:var(--color-muted);--web-copper:var(--color-copper);--web-orange:var(--color-orange);--web-bronze:var(--color-bronze);--web-line:var(--color-line);--web-line-strong:var(--color-line-strong);--web-dark:var(--color-dark);--web-dark-soft:var(--color-dark-soft);--web-width:var(--content-inline);--web-width-mobile:var(--content-inline);--web-width-narrow:var(--content-inline);--web-radius-sm:var(--radius-sm);--web-radius-md:var(--radius-md);--web-radius-lg:var(--radius-lg);--web-radius-xl:var(--radius-xl);--web-shadow-device:var(--shadow-panel);--web-shadow-form:var(--shadow-panel);--web-shadow-soft:var(--shadow-soft);--web-section-space:var(--space-section);--web-container-pad:clamp(1.75rem, 3.7vw, 3.25rem);--web-ease-ui:var(--ease-ui);--web-ease-content:var(--ease-content);--web-ease-story:var(--ease-content);--web-ui:var(--motion-fast);--web-content:var(--motion-content);--web-story:var(--motion-story)}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 16px);background:var(--color-canvas);overflow-x:clip}body{color:var(--color-ink);background:var(--color-canvas);font-family:var(--font-interface);font-size:var(--text-base);text-rendering:optimizelegibility;margin:0;line-height:1.65;overflow-x:clip}body,button,input,select,textarea{font-family:var(--font-interface)}h1,h2{font-family:var(--font-display);letter-spacing:-.035em;text-wrap:balance;font-weight:500}h1{line-height:.94}h2{line-height:1}h3{text-wrap:balance;line-height:1.2}p{text-wrap:pretty}.site-width{width:var(--content-inline);max-width:none;margin-inline:auto}.home-page .section,.webs-page .section,.web-page .section,.graphic-page .section,.diagnostic-page .section,.pricing-page .section,.privacy-page .section{min-height:0;padding-block:var(--space-section)}.site-header{z-index:600;color:var(--color-ink);border-bottom:1px solid var(--color-line);-webkit-backdrop-filter:blur(16px)saturate(1.08);backdrop-filter:blur(16px)saturate(1.08);background:#fffaf3e6;padding:0;position:sticky;top:0;box-shadow:0 1px #ffffffa3}.header-inner{min-height:var(--header-height);align-items:center;gap:var(--space-4);display:flex}.brand{min-width:0;color:var(--color-ink);align-items:center;gap:.7rem;text-decoration:none;display:inline-flex}.brand img{aspect-ratio:700/904;object-fit:contain;flex:none;width:32px;height:auto}.brand span,.brand strong,.brand small{display:block}.brand strong{letter-spacing:-.015em;font-size:.9rem;font-weight:820;line-height:1.05}.brand small{color:var(--color-muted);margin-top:.25rem;font-size:.64rem;line-height:1.1}.site-nav{border:1px solid var(--color-line);border-radius:var(--radius-pill);background:#ffffff8f;align-items:center;gap:.25rem;margin-left:auto;padding:.28rem;display:flex}.site-nav a{min-height:42px;color:var(--color-ink);border-radius:var(--radius-pill);white-space:nowrap;transition:color var(--motion-fast) var(--ease-ui), background var(--motion-fast) var(--ease-ui), transform var(--motion-fast) var(--ease-ui);border:0;align-items:center;padding:.6rem .95rem;font-size:.76rem;font-weight:780;line-height:1;text-decoration:none;display:inline-flex;position:relative}.site-nav a[href="/grafika/"]{display:none}.site-nav a:after{content:"";background:var(--color-copper);border-radius:var(--radius-pill);opacity:0;height:2px;transition:opacity var(--motion-fast) var(--ease-ui), transform var(--motion-fast) var(--ease-ui);position:absolute;bottom:.42rem;left:.95rem;right:.95rem;transform:scaleX(.35)}.site-nav a:hover{background:#a54f2d14}.site-nav a[aria-current=page]{color:var(--color-copper);background:#a54f2d1a}.site-nav a[aria-current=page]:after{opacity:1;transform:scaleX(1)}.menu-toggle{width:44px;height:44px;color:var(--color-ink);border:1px solid var(--color-line-strong);background:#ffffffad;border-radius:50%;margin-left:auto;padding:10px;display:none}.menu-toggle span:not(.sr-only){border-radius:var(--radius-pill);background:currentColor;width:20px;height:2px;margin:2px auto;display:block}.has-webs-js [data-reveal],.has-webs-js [data-reveal].is-visible,.has-home-js [data-home-reveal],.has-home-js [data-home-reveal].is-visible,.has-tools-js [data-tools-transform],.has-tools-js [data-tools-story],.has-tools-js .tools-balance__relation,.has-tools-js .tools-process__steps,.has-graphics-js [data-graphics-case],.has-graphics-js .graphics-capabilities ol{opacity:1;transform:none}.home-hero,.webs-hero,.tools-hero,.graphics-hero{min-height:min(760px, calc(100svh - var(--header-height)))}.home-hero__grid,.webs-hero__grid,.tools-hero__grid{min-height:min(680px, calc(100svh - var(--header-height)))}.graphics-hero{padding-top:var(--space-5)}.graphics-hero__collage{min-height:660px}.contact-scene{padding-block:clamp(4.25rem,7vw,7rem)}.webs-page .process-step{min-height:clamp(300px,42vh,480px)}.webs-page .scope-visual{min-height:clamp(420px,48vw,540px)}.button,.submit-button,.contact-form__submit button,.diagnostic-url-form button{border-radius:var(--radius-pill);transition:color var(--motion-fast) var(--ease-ui), background var(--motion-fast) var(--ease-ui), border-color var(--motion-fast) var(--ease-ui), box-shadow var(--motion-fast) var(--ease-ui), transform var(--motion-fast) var(--ease-ui)}.project-form,.contact-form,.contact-shell,.graphics-contact__shell,.tools-contact__shell,.home-contact__form{border-color:var(--color-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel)}.project-form :is(input:not([type=checkbox]),select,textarea),.contact-field :is(input,select,textarea),.diagnostic-url-form input{color:var(--color-ink);background:var(--color-paper);border-color:var(--color-line-strong);border-radius:var(--radius-sm)}.form-status,.contact-form__status{min-height:0}body :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible,.project-form :is(input,select,textarea):focus-visible,.contact-field :is(input,select,textarea):focus-visible,.diagnostic-url-form input:focus-visible{outline:2px solid var(--focus-inner);outline-offset:2px;box-shadow:0 0 0 5px var(--focus-outer)}.skip-link{z-index:1000;color:var(--color-paper);background:var(--color-dark);border-radius:var(--radius-sm);padding:.7rem 1rem;position:fixed;top:.5rem;left:.5rem;transform:translateY(-160%)}.skip-link:focus,.skip-link:focus-visible{transform:none}.site-footer{padding:clamp(4.5rem, 7vw, 6rem) 0 var(--space-5);color:var(--color-ink);background:linear-gradient(180deg, #ead8c2 0, var(--color-canvas) 64px)}.site-footer>.site-width,.site-footer .footer-grid{border:1px solid var(--color-line);box-shadow:var(--shadow-soft);background:#fffaf3eb}.site-footer .footer-grid{gap:var(--space-6);border-radius:var(--radius-xl);grid-template-columns:minmax(0,1.2fr) minmax(230px,.8fr) minmax(180px,.55fr);padding:clamp(2rem,4vw,3.25rem);display:grid}.site-footer>.site-width.footer-grid+.site-width.footer-bottom,.site-footer .footer-bottom{color:var(--color-muted);border-radius:0 0 var(--radius-xl) var(--radius-xl);font-size:var(--text-xs);flex-wrap:wrap;justify-content:space-between;gap:.75rem 1.5rem;margin-top:-1px;padding:1rem clamp(2rem,4vw,3.25rem);display:flex}.site-footer .footer-about,.site-footer .footer-contact,.site-footer .footer-legal,.site-footer .footer-contact__links,.site-footer .footer-legal-links{align-content:start;gap:.6rem;min-width:0;display:grid}.site-footer p{color:var(--color-muted);font-size:var(--text-sm);margin:0}.site-footer a{width:fit-content;color:inherit;text-underline-offset:.22em}.site-footer .footer-contact a{color:var(--color-copper);font-weight:760}.site-footer .brand{margin-bottom:.45rem;text-decoration:none}.cookie-panel__settings[hidden],.cookie-panel [data-cookie-settings][hidden],.cookie-panel [data-cookie-save][hidden]{display:none}@media (width<=980px){:root{--content-gutter:clamp(24px, 5vw, 40px)}.site-footer .footer-grid{grid-template-columns:minmax(0,1fr) minmax(230px,.8fr)}.site-footer .footer-legal{grid-column:1/-1;grid-template-columns:repeat(3,max-content)}.graphics-hero__collage{min-height:580px}}@media (width<=760px){:root{--content-gutter:20px;--space-section:clamp(3.5rem, 15vw, 4.75rem);--header-height:68px;--heading-1:clamp(2.75rem, 13vw, 4rem);--heading-2:clamp(2rem, 10vw, 3rem)}.header-inner{min-height:var(--header-height)}.brand img{width:27px}.brand strong{font-size:.84rem}.brand small{display:none}.menu-toggle{place-content:center;display:grid}.site-nav{z-index:610;top:var(--header-height);right:var(--content-gutter);left:var(--content-gutter);border:1px solid var(--color-line);border-radius:0 0 var(--radius-md) var(--radius-md);box-shadow:var(--shadow-menu);background:#fffaf3fb;margin:0;padding:.65rem;display:none;position:fixed}.site-nav.is-open{display:grid}.site-nav a{border-radius:var(--radius-sm);min-height:50px;padding:.85rem 1rem;font-size:.95rem}.site-nav a:after{left:1rem;right:1rem}body.menu-open{overflow:hidden}.home-hero,.webs-hero,.tools-hero,.graphics-hero,.home-hero__grid,.webs-hero__grid,.tools-hero__grid{min-height:0}.graphics-hero{padding-top:var(--space-4)}.graphics-hero__collage{min-height:500px}.contact-scene{padding-block:var(--space-section)}.webs-page .process-step{min-height:0}.webs-page .scope-visual{min-height:420px}.project-form,.contact-form,.contact-shell,.graphics-contact__shell,.tools-contact__shell,.home-contact__form{border-radius:var(--radius-md)}.site-footer{padding-top:var(--space-section)}.site-footer .footer-grid{gap:var(--space-5);border-radius:var(--radius-lg);grid-template-columns:1fr;padding:1.65rem}.site-footer .footer-legal{grid-column:auto;grid-template-columns:1fr}.site-footer .footer-bottom{padding:1rem 1.65rem;display:grid}}@media (width<=420px){:root{--content-gutter:16px}.site-nav{border-radius:0 0 var(--radius-md) var(--radius-md);border-left:0;border-right:0;left:0;right:0}.graphics-hero__collage{min-height:450px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}
