/* Source: style.css */
/* KRESIO / lokální OFL písma, subset latin a latin-ext, font-display swap. */
@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url("../assets/fonts/manrope-latin.woff2") format("woff2");unicode-range:U+0000-024F,U+0259,U+0300-036F,U+1E00-1EFF,U+2000-206F,U+20A0-20CF,U+2113,U+2190-21FF,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400;font-display:swap;src:url("../assets/fonts/jetbrains-mono-latin.woff2") format("woff2");unicode-range:U+0000-024F,U+0259,U+0300-036F,U+1E00-1EFF,U+2000-206F,U+20A0-20CF,U+2113,U+2190-21FF,U+2C60-2C7F,U+A720-A7FF}
:root{--font-ui:Manrope,Arial,Helvetica,sans-serif;--font-tech:"JetBrains Mono","Courier New",monospace;--bg:#0b0c0e;--ink:#eeefec;--muted:#a1a4aa;--line:rgba(239,242,247,.14);--ease:cubic-bezier(.22,1,.36,1);--pad:clamp(24px,6.1vw,100px);--phase:0;color-scheme:dark;font-family:var(--font-ui);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:130px}body{margin:0;background:var(--bg);color:var(--ink);overflow-x:clip;-webkit-font-smoothing:antialiased}body.overlay-open{overflow:hidden}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button{border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #e2e6ed;outline-offset:6px}button:disabled{cursor:default}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}::selection{background:#d6d7d9;color:#101113}[hidden]{display:none!important}.skip-link{position:fixed;top:-90px;left:20px;background:white;color:black;padding:18px;z-index:200}.skip-link:focus{top:15px}.page-grain{position:fixed;inset:0;pointer-events:none;z-index:90;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.ambient{position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 70% 80% at 78% 28%,rgba(113,123,143,.11),transparent 70%)}.eyebrow{font:10px/1.5 var(--font-tech);letter-spacing:.12em;color:#b4b7bd}.small-copy{font-size:12px;line-height:1.7;color:var(--muted)}.nav-shell{position:fixed;z-index:100;top:24px;left:50%;transform:translateX(-50%);width:min(1040px,calc(100% - 64px));border:1px solid rgba(224,229,239,.23);border-radius:15px;background:linear-gradient(115deg,rgba(170,180,194,.08),rgba(18,20,23,.6) 45%,rgba(115,124,139,.08));backdrop-filter:blur(28px) saturate(.75);-webkit-backdrop-filter:blur(28px) saturate(.75);box-shadow:0 16px 60px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.08);transition:background .5s,border .5s,box-shadow .5s;overflow:hidden}.nav-shell.menu-open{background:linear-gradient(125deg,rgba(63,68,76,.84),rgba(18,21,26,.92) 55%,rgba(34,39,48,.85));border-color:rgba(255,255,255,.3);box-shadow:0 40px 100px #0009}.nav-bar{height:70px;display:flex;align-items:center;gap:30px;padding:0 25px;position:relative}.brand{display:block;width:140px;flex-shrink:0}.brand img{width:100%;height:auto}.nav-caption{margin-left:22px;font:9px var(--font-tech);letter-spacing:.13em;color:#b4b6bb}.nav-actions{margin-left:auto;display:flex;gap:22px;align-items:center}.contact-short{font-size:12px;display:flex;align-items:center;gap:20px;padding:10px 0;color:#c9ccd1}.contact-short span{font-size:19px;color:#fff}.nav-separator{width:1px;height:20px;background:var(--line)}.menu-toggle{display:flex;align-items:center;gap:26px;min-height:44px;padding:0;font-size:14px;width:87px}.plus{width:19px;height:19px;display:block;position:relative;transition:transform .65s var(--ease)}.plus:before,.plus:after{content:"";position:absolute;left:0;top:9px;width:19px;height:1px;background:#dddfe2}.plus:after{transform:rotate(90deg)}.menu-open .plus{transform:rotate(135deg)}.menu-expander{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .65s var(--ease),visibility .65s}.menu-open .menu-expander{grid-template-rows:1fr;visibility:visible}.menu-inner{min-height:0;overflow:hidden}.menu-body{display:grid;grid-template-columns:1fr 1.55fr;padding:40px 44px 34px;gap:50px;border-top:1px solid var(--line)}.menu-intro{position:relative}.menu-intro p{font-size:38px;font-weight:400;line-height:1.1;letter-spacing:-.05em;margin:24px 0 36px}.menu-intro .small-copy{display:block;margin-top:76px}.menu-stroke{position:absolute;top:166px;left:0;width:180px;height:60px}.menu-stroke span{height:1px;width:160px;background:linear-gradient(90deg,#ddd,transparent);position:absolute;top:20px;left:0;transform-origin:left;transform:rotate(-22deg)}.menu-stroke span+span{transform:rotate(22deg);width:110px}.menu-links{display:flex;flex-direction:column}.menu-links>a,.menu-links>button{display:flex;gap:20px;align-items:center;width:100%;height:82px;border-bottom:1px solid var(--line);text-align:left;padding:0;transform:translateY(18px);opacity:0;transition:transform .65s var(--ease),opacity .5s}.menu-open .menu-links>a,.menu-open .menu-links>button{transform:translateY(0);opacity:1;transition-delay:.08s}.menu-open .menu-links>:nth-child(2){transition-delay:.12s}.menu-open .menu-links>:nth-child(3){transition-delay:.16s}.menu-open .menu-links>:nth-child(4){transition-delay:.2s}.nav-number{font:10px var(--font-tech);color:#a5abb4;width:20px}.nav-word{position:relative;height:56px;overflow:hidden;font-size:46px;letter-spacing:-.055em;line-height:56px}.nav-word>span{display:block;transition:transform .55s var(--ease)}.nav-word>span+span{color:#bfc7d2}.menu-links>a:hover .nav-word>span,.menu-links>button:hover .nav-word>span{transform:translateY(-100%)}.nav-arrow{margin-left:auto;font-size:27px;font-weight:300;transition:transform .4s}.menu-links>a:hover .nav-arrow,.menu-links>button:hover .nav-arrow{transform:translate(4px,-4px)}.menu-bottom{padding:22px 44px;display:flex;justify-content:space-between;border-top:1px solid var(--line);font:9px var(--font-tech);letter-spacing:.12em;color:#b2b7c0}.nav-backdrop{position:fixed;inset:0;z-index:95;background:rgba(0,0,0,.38);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);opacity:0;transition:opacity .5s}.nav-backdrop.visible{opacity:1}
.hero-track{height:calc(100svh + 800px);min-height:1660px;position:relative}.hero-sticky{position:sticky;top:0;height:100svh;min-height:800px;overflow:clip;isolation:isolate;background:radial-gradient(ellipse 55% 55% at 67% 58%,rgba(104,116,134,.12),transparent 80%),radial-gradient(ellipse 40% 45% at 24% 60%,rgba(69,74,86,.10),transparent 85%)}.stage-grid{position:absolute;inset:0;z-index:-1;opacity:.65}.stage-grid>i{position:absolute;width:1px;top:0;bottom:0;background:linear-gradient(transparent,rgba(255,255,255,.065),transparent)}.stage-grid>i:nth-child(1){left:var(--pad)}.stage-grid>i:nth-child(2){left:50%}.stage-grid>i:nth-child(3){right:var(--pad)}.hero-heading{position:absolute;top:148px;left:var(--pad);right:var(--pad);z-index:8}.hero-overline{display:flex;align-items:center;justify-content:space-between}.status-dot{width:4px;height:4px;display:inline-block;margin-right:9px;vertical-align:2px;background:#c7c9cc;border-radius:50%;box-shadow:0 0 12px #c7c9cc66}h1{font-size:clamp(56px,7.3vw,112px);font-weight:400;line-height:1.05;letter-spacing:-.065em;margin-top:26px;white-space:nowrap}h1>span{background:linear-gradient(180deg,#ecedef,#8d939d);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-subline{display:flex;align-items:center;justify-content:space-between;margin-top:22px}.hero-subline p{font-size:15px;line-height:1.5;color:#b4b7bf;letter-spacing:-.015em}.text-link{display:inline-flex;align-items:center;gap:28px;font-size:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.26);transition:border .3s,color .3s}.text-link>span{font-size:22px;line-height:16px;transition:transform .4s var(--ease)}.text-link:hover{border-color:#f1f1ee;color:#fff}.text-link:hover>span{transform:translate(3px,-3px)}.background-ribbon{position:absolute;top:55%;left:-10%;right:-10%;height:120px;z-index:0;transform:rotate(-8deg);border-top:1px solid #d4dce718;border-bottom:1px solid #d4dce718;display:flex;align-items:center;overflow:hidden;background:rgba(255,255,255,.012);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.ribbon-track{display:flex;width:max-content;flex:none;animation:ribbon 32s linear infinite;will-change:transform}.ribbon-track>span{display:block;white-space:nowrap;font-size:70px;font-weight:500;letter-spacing:-.035em;color:#8f98a021}.ribbon-track i{font-style:normal;font-weight:200;color:#a6aeb942;margin:0 24px}@keyframes ribbon{to{transform:translateX(-50%)}}.light-slash{position:absolute;height:1px;transform-origin:left;background:linear-gradient(90deg,transparent,#dce3ef44,transparent);z-index:1;pointer-events:none}.slash-one{width:100%;left:1%;top:84%;transform:rotate(-26deg)}.slash-two{width:60%;left:52%;top:44%;transform:rotate(33deg);opacity:.32}.atelier{--rx:0deg;--ry:0deg;--px:50%;--py:20%;position:absolute;width:1050px;height:470px;top:57.5%;left:50%;transform:translate(-50%,-35%);perspective:1500px;z-index:4}.atelier-parallax{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .7s var(--ease)}.glass-panel{position:absolute;overflow:hidden;border:1px solid #c6cdd541;border-radius:12px;background:linear-gradient(125deg,rgba(183,194,207,.13),rgba(26,30,37,.19) 45%,rgba(100,112,128,.11));box-shadow:inset 0 1px 0 #ffffff1c,inset 1px 0 0 #ffffff0d,0 25px 80px #0005;backdrop-filter:blur(14px) saturate(.7);-webkit-backdrop-filter:blur(14px) saturate(.7);will-change:transform;transform-style:preserve-3d}.glass-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at var(--px) var(--py),rgba(255,255,255,.12),transparent 60%);z-index:4}.sketch-panel{left:0;top:44px;width:260px;height:288px;transform:translateX(var(--sketch-x,-18px)) translateY(var(--sketch-y,-12px)) rotate(-13deg) rotateY(14deg);z-index:1;opacity:var(--sketch-opacity,.78)}.panel-caption{padding:16px 18px;display:flex;justify-content:space-between;font:8px var(--font-tech);letter-spacing:.06em;color:#b4bac4;border-bottom:1px solid #ffffff15}.panel-caption>span+span{color:#eee;font-size:13px;line-height:10px}.k-sketch{height:184px;width:220px;margin:4px auto;display:block}.construction{stroke:#dfe6f125;stroke-width:1;stroke-dasharray:3 6}.drawing{stroke:#d4dce8;stroke-width:1.8;stroke-dasharray:1;stroke-dashoffset:var(--draw-offset,0);opacity:.8}.sketch-nodes{stroke:#e3e8ef;stroke-width:1.1;fill:#242b36}.panel-foot{display:flex;justify-content:space-between;padding:12px 18px;font-size:9px;color:#aab0ba;border-top:1px solid #ffffff12}.main-panel{left:205px;top:44px;width:642px;height:374px;transform:translateY(var(--panel-y,0px)) rotate(var(--panel-angle,-6deg)) rotateY(var(--panel-rotate-y,-8deg));z-index:5;background:linear-gradient(125deg,rgba(180,188,205,.18),rgba(32,38,48,.45) 47%,rgba(70,83,102,.21));box-shadow:inset 0 1px 0 #ffffff3a,0 35px 90px #0007}.browser-top{height:42px;display:flex;align-items:center;border-bottom:1px solid #d3deed29;padding:0 18px;gap:20px;background:rgba(176,190,212,.04)}.browser-dots{display:flex;gap:5px}.browser-dots i{width:5px;height:5px;border:1px solid #cbd1db70;border-radius:50%;display:block}.browser-dots i:first-child{background:#cbd1db70}.browser-label{flex:1;font:8px var(--font-tech);color:#d1d5dc;letter-spacing:.1em;text-align:center}.browser-icon{font-size:16px;color:#cdd3dc}.website-window{height:330px;position:relative;overflow:hidden}.finished-site{position:absolute;inset:0;background:#e8e5df;color:#242722;clip-path:inset(0 calc(100% - var(--reveal,0%)) 0 0);opacity:1}.mini-navigation{height:55px;display:flex;align-items:center;padding:0 28px;border-bottom:1px solid #25272220;gap:32px}.mini-navigation strong{font-size:21px;letter-spacing:-.05em;font-weight:500}.mini-navigation strong>span{font-size:7px;vertical-align:super;margin-left:3px}.mini-navigation>span{font:7px var(--font-tech);letter-spacing:.08em;margin-left:auto}.mini-navigation>i{font-style:normal;font-size:17px}.mini-content{height:247px;display:flex;position:relative}.mini-copy{padding:23px 28px;width:50%;position:relative;z-index:1}.mini-eyebrow{font:6px var(--font-tech);letter-spacing:.1em;color:#666961;display:block;margin-bottom:12px}.mini-copy h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.06em;font-size:45px;line-height:.99}.mini-copy h2 em{font-weight:400}.mini-copy p{font-size:8px;line-height:1.5;margin-top:12px;color:#696d65}.mini-link{font:6px var(--font-tech);letter-spacing:.1em;display:flex;align-items:center;gap:18px;margin-top:18px}.mini-link b{font:14px var(--font-ui)}.mini-footer{height:28px;display:flex;justify-content:space-between;align-items:center;font:6px var(--font-tech);padding:0 28px;border-top:1px solid #25272220;letter-spacing:.12em}.cafe-art{position:relative;flex:1;overflow:hidden;background:linear-gradient(145deg,#cfcec7,#e6e3da 45%,#bcb9ac);border-left:1px solid #353b2d14;isolation:isolate}.art-sun{position:absolute;width:180px;height:180px;border-radius:50%;top:-115px;right:-10px;background:#f7f2e3;filter:blur(20px)}.art-wall{position:absolute;top:-40px;left:-48px;width:95px;height:350px;transform:rotate(19deg);background:linear-gradient(90deg,#c7c4b9,#eee9df);box-shadow:20px 0 30px #3c402520}.art-arch{width:114px;height:177px;position:absolute;left:90px;top:25px;border-radius:65px 65px 0 0;background:linear-gradient(100deg,#dad7ce 0,#f4f1e7 26%,#d2cec1 55%,#b2ad9f 92%);box-shadow:14px 12px 0 #a49f91,35px 30px 40px #53504255;z-index:2}.art-arch:before{content:"";position:absolute;inset:16px 17px 0;border-radius:48px 48px 0 0;background:linear-gradient(105deg,#817e70,#a8a495 26%,#d0cbbf 67%,#b6b2a5);box-shadow:inset 12px 1px 15px #3533225c}.art-arch:after{content:"";position:absolute;bottom:-5px;left:17px;width:80px;height:16px;background:#c7c3b6;transform:skewY(-9deg)}.art-plinth{position:absolute;width:236px;height:46px;left:34px;top:197px;background:linear-gradient(#d3cfc2,#b2ad9f);transform:skewY(-6deg);box-shadow:12px 20px 26px #30312044;z-index:1}.art-plinth:before{content:"";position:absolute;height:17px;width:100%;top:-17px;background:#e8e3d7;transform:skewX(-48deg);transform-origin:bottom}.art-block{position:absolute;width:58px;height:45px;right:17px;top:173px;background:linear-gradient(120deg,#737766,#4c5143);transform:skewY(-6deg);z-index:3;box-shadow:14px 9px 18px #33382b55}.art-block:before{content:"";position:absolute;top:-10px;width:100%;height:10px;background:#9c9e8b;transform:skewX(-48deg);transform-origin:bottom}.cafe-art>span{position:absolute;right:11px;top:12px;font:5px var(--font-tech);letter-spacing:.1em;color:#66695e}.wireframe-site{position:absolute;inset:0;opacity:var(--wire-opacity,1);pointer-events:none;background:radial-gradient(#d7dfee18 .6px,transparent .7px) 0 0 / 15px 15px}.wireframe-site svg{width:100%;height:100%}.wire-structure{stroke:#e2e9f144;stroke-width:1.1}.wire-cup{stroke:#f5f6f3ab;stroke-width:1.4}.wire-points{stroke:#ebf2ff9c;fill:#353e4d;stroke-width:1}.wire-note{position:absolute;left:28px;top:122px;font-size:24px;line-height:1.12;letter-spacing:-.04em;font-weight:400;color:#dce1e7;background:#171d25b0;padding:7px 16px 8px 0}.reveal-edge{position:absolute;top:0;bottom:0;left:var(--reveal,0%);width:1px;background:linear-gradient(transparent,#f2f6ffbb,transparent);box-shadow:0 0 18px #e0ebff66;opacity:var(--edge-opacity,0);pointer-events:none}.panel-reflection{position:absolute;inset:0;background:linear-gradient(115deg,rgba(245,248,255,.07) 0%,transparent 33%,transparent 70%,rgba(245,248,255,.035));pointer-events:none}.type-panel{left:813px;top:133px;width:213px;height:219px;transform:translateX(var(--type-x,15px)) translateY(var(--type-y,0px)) rotate(10deg) rotateY(-12deg);z-index:7}.type-sample{font-size:74px;font-weight:400;letter-spacing:-.07em;margin:8px 19px 12px;line-height:1;color:#eff0f0}.type-sample>span{color:#979d9b}.swatches{display:flex;gap:5px;margin:0 19px;height:30px}.swatches>i{display:block;flex:1;border:1px solid #ffffff24;background:#eeeae2}.swatches>i:nth-child(2){background:#a3a9a0}.swatches>i:nth-child(3){background:#666d64}.swatches>i:nth-child(4){background:#1b201c}.type-label{display:flex;justify-content:space-between;margin:17px 19px 0;font:7px var(--font-tech);color:#c2c7cf}.floating-tag{position:absolute;left:432px;top:422px;padding:13px 17px;display:flex;align-items:center;gap:15px;font-size:10px;background:linear-gradient(130deg,#dce4ed12,#13181dc9);border:1px solid #e3ebf429;border-radius:6px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:8;box-shadow:0 10px 30px #0003;transform:translateY(var(--tag-y,0px)) rotate(-3deg);color:#d0d5dc;white-space:nowrap}.crosshair{font-size:20px;line-height:14px}.small-dot{width:4px;height:4px;background:#b5c2b7;border-radius:50%;margin-left:7px}.hero-bottom{position:absolute;bottom:35px;left:var(--pad);right:var(--pad);display:flex;align-items:center;justify-content:space-between;gap:30px;z-index:10}.scroll-cue{display:flex;align-items:center;gap:15px;font-size:10px;line-height:1.6;color:#e2e4e8;width:210px}.scroll-cue b{font-weight:400;color:#9299a4}.scroll-arrow{display:block;font-size:25px;font-weight:300;animation:scrollcue 3s ease-in-out infinite}@keyframes scrollcue{0%,100%{transform:translateY(-3px)}50%{transform:translateY(3px)}}.stage-controls{display:flex;align-items:center;position:relative;padding:0 0 18px;gap:16px}.stage-controls>button{font-size:11px;display:flex;gap:9px;align-items:center;padding:8px 0;color:#969ea9;transition:color .25s;white-space:nowrap;min-height:44px}.stage-controls>button>span{font:8px var(--font-tech)}.stage-controls>button.active{color:#f5f6f5}.stage-controls>i{width:24px;height:1px;background:#b6c2d130}.stage-progress{position:absolute;bottom:5px;left:0;right:0;height:1px;background:#d0d7e621}.stage-progress>span{display:block;height:100%;background:linear-gradient(90deg,#d4dbe533,#d4dbe5);width:0%;position:relative}.stage-progress>span:after{content:"";position:absolute;right:-2px;top:-1px;width:3px;height:3px;background:#e7ecf4;border-radius:50%}.concept-note{text-align:right;font:8px/1.7 var(--font-tech);color:#929ba8;width:210px;letter-spacing:.01em}
.section-wrap{padding-left:var(--pad);padding-right:var(--pad);scroll-margin-top:130px}.section-meta{display:flex;justify-content:space-between;align-items:center;gap:20px}.approach{position:relative;padding-top:72px;padding-bottom:65px;border-top:1px solid var(--line);background:radial-gradient(ellipse 60% 90% at 10% 80%,#7884940d,transparent)}.approach-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:end;padding:78px 0 45px}.approach h2,.services h2,.closing h2{font-size:clamp(44px,5.4vw,82px);font-weight:400;line-height:1.04;letter-spacing:-.06em}.approach h2 span,.services h2 span,.closing h2 span{color:#818995}.approach-copy{max-width:460px;justify-self:end}.approach-copy>p{font-size:19px;line-height:1.65;color:#b6bbc3;letter-spacing:-.025em}.approach-copy .text-link{margin-top:22px}.signature-line{height:150px;position:relative}.signature-line svg{width:100%;height:120px;overflow:visible}.signature-line path{stroke:#b6c3d050;fill:none;stroke-width:1}.signature-line span{font:8px var(--font-tech);letter-spacing:.12em;color:#858e9b;position:absolute;left:50%;top:90px;transform:translateX(-50%);white-space:nowrap;background:var(--bg);padding:10px 20px}.services{padding-top:45px;padding-bottom:120px;border-top:1px solid var(--line)}.services-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:12%;margin-top:80px}.services h2{font-size:clamp(38px,4vw,60px)}.services-heading>p{margin-top:25px;font-size:13px;line-height:1.8;color:#a0a7b1}.service-glyph{margin-top:30px;font-size:118px;line-height:1;color:#6b758536;max-height:130px}.service-list details{border-bottom:1px solid var(--line);padding:0}.service-list details:first-child{border-top:1px solid var(--line)}summary{display:flex;align-items:center;gap:23px;list-style:none;cursor:pointer;min-height:110px}summary::-webkit-details-marker{display:none}.service-no{font:10px var(--font-tech);color:#9aa3b0;flex:0 0 20px}summary h3{font-size:43px;letter-spacing:-.045em;font-weight:400}.details-icon{margin-left:auto;position:relative;width:22px;height:22px;flex-shrink:0}.details-icon:before,.details-icon:after{content:"";position:absolute;left:0;top:11px;width:22px;height:1px;background:#d7dce3;transition:transform .4s}.details-icon:after{transform:rotate(90deg)}details[open] .details-icon:after{transform:rotate(0deg)}.service-content{padding:0 38px 32px 43px;animation:content-in .4s var(--ease)}@keyframes content-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.service-content>p{font-size:14px;line-height:1.8;color:#b1b8c2;max-width:440px}.service-tags{display:flex;flex-wrap:wrap;gap:14px;margin:24px 0 12px}.service-tags>span{font:8px var(--font-tech);letter-spacing:.1em;color:#aab2be}.service-tags>span+span:before{content:"/";margin-right:14px;color:#697280}.service-content .text-link{font-size:11px}.closing{position:relative;overflow:hidden;padding-top:45px;border-top:1px solid rgba(239,242,247,.24);background:radial-gradient(ellipse at 80% 65%,#8b97aa13,transparent 55%)}.closing-inner{display:flex;justify-content:space-between;align-items:center;gap:50px;margin:75px 0 60px}.contact-orbit{width:166px;height:166px;border:1px solid #cbd4e448;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:17px;background:radial-gradient(circle at 30% 20%,#b6c6e010,transparent 80%);transition:background .4s,transform .4s;flex-shrink:0}.contact-orbit>span{font:8px var(--font-ui);letter-spacing:.09em}.contact-orbit>b{font-size:45px;font-weight:300;line-height:1}.contact-orbit:hover{background:#e6e8e7;color:#101215;transform:rotate(-8deg)}.footer-logo{padding-top:25px;padding-bottom:25px;mask-image:linear-gradient(#000,transparent 94%);-webkit-mask-image:linear-gradient(#000,transparent 94%)}.footer-wordmark{position:relative;display:block;width:100%;aspect-ratio:1376/370;max-height:220px}.footer-logo img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;opacity:.18}.footer{padding-top:25px;padding-bottom:25px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);gap:20px;font:8px/1.6 var(--font-tech);letter-spacing:.05em;color:#a2aab5}.footer button{font:inherit;font-family:var(--font-ui);display:flex;gap:9px;align-items:center;min-height:35px}.motion-icon{font-size:10px}.footer>a{font-family:var(--font-ui);min-height:35px;display:flex;align-items:center}.footer a:hover,.footer button:hover{color:#fff}
dialog{background:linear-gradient(135deg,#272d35f2,#11151af5);color:#f0f1f1;border:1px solid #d4dce54d;border-radius:16px;width:min(520px,calc(100% - 32px));padding:28px 35px 35px;backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px);box-shadow:0 35px 160px #0009;max-height:90svh;overflow:auto}dialog::backdrop{background:#05080ca1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.dialog-top{display:flex;justify-content:space-between;align-items:center}.dialog-close{font-size:29px;font-weight:300;min-width:44px;min-height:44px}.dialog-top+.dialog-close{margin-right:-10px}dialog h2{font-size:54px;line-height:1;letter-spacing:-.06em;font-weight:400;margin:24px 0}dialog h2 span{color:#a1abb9}.demo-notice{font-size:11px;line-height:1.65;color:#aab4c2;margin-bottom:24px}form label{font-size:12px;display:block;margin:20px 0 9px}form label>span{color:#a2acbb}form select,form textarea{display:block;width:100%;padding:12px;background:#ffffff07;border:1px solid #e0e8f12e;color:#f0f2f5;border-radius:5px;font-size:13px;line-height:1.5}form textarea{resize:vertical;max-height:250px}form textarea::placeholder{color:#969fab}form select option{background:#1e242c}.brief-submit{width:100%;padding:16px 20px;margin-top:23px;display:flex;justify-content:space-between;background:#e9ecef;color:#11151b;border-radius:4px;font-size:13px}.brief-submit>span{font-size:19px;line-height:15px}#brief-result{border-top:1px solid var(--line);padding-top:18px;margin-top:23px}#brief-result p{font-size:12px;line-height:1.7;color:#c6ced9}#brief-result .text-link{font-size:12px;margin-top:10px}.no-script-note{position:fixed;bottom:0;left:0;right:0;z-index:150;background:#ddd;color:#111;padding:12px;font-size:12px;text-align:center}
.motion-off *,.motion-off *:before,.motion-off *:after{animation:none!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.motion-off .hero-track{height:100svh;min-height:800px}.motion-off .atelier-parallax{transform:none}.motion-off .ribbon-track{transform:translateX(-12%)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.nav-shell{background:#171b21f5}.glass-panel{background:linear-gradient(130deg,#333d4aee,#161e29ef)}.floating-tag{background:#1d2530f5}}
@media(min-width:1700px){.atelier{transform:translate(-50%,-35%) scale(1.13)}.hero-heading{max-width:1500px;margin:auto}.hero-bottom{max-width:1500px;margin:auto}}
@media(max-height:850px) and (min-width:761px){.hero-heading{top:130px}h1{font-size:clamp(56px,6.6vw,93px);margin-top:18px}.hero-subline{margin-top:15px}.atelier{top:51%;transform:translate(-50%,-24%) scale(.88)}.hero-bottom{bottom:24px}.hero-sticky{min-height:740px}.hero-track{min-height:1540px}}
@media(max-width:1100px) and (min-width:761px){.atelier{transform:translate(-50%,-28%) scale(.79);top:55%}.hero-bottom{gap:20px}.concept-note{width:170px}.scroll-cue{width:160px}.stage-controls{gap:10px}.stage-controls>i{width:15px}.nav-caption{display:none}.nav-shell{width:calc(100% - 64px)}.nav-bar{padding:0 22px}.hero-overline .edition{font-size:8px}h1{font-size:7.5vw}.services-layout{gap:7%}}
@media(max-width:760px){:root{--pad:24px}.nav-shell{top:15px;width:calc(100% - 32px);border-radius:12px}.nav-bar{height:60px;padding:0 17px;gap:15px;flex-wrap:nowrap}.brand{width:116px}.nav-caption,.contact-short,.nav-separator{display:none}.nav-actions{gap:16px;flex-wrap:nowrap;flex-shrink:0}.menu-toggle{font-size:12px;gap:18px;width:75px;flex-shrink:0}.plus,.plus:before,.plus:after{width:17px}.nav-shell.menu-open{max-height:calc(100svh - 30px);overflow:auto}.menu-body{display:block;padding:20px 24px 16px}.menu-intro .eyebrow{font-size:8px}.menu-intro>p,.menu-stroke,.menu-intro>.small-copy{display:none}.menu-links{margin-top:15px}.menu-links>a,.menu-links>button{height:73px;gap:12px}.nav-word{font-size:37px;line-height:50px;height:50px}.nav-number{font-size:8px;width:17px}.nav-arrow{font-size:22px}.menu-bottom{padding:19px 24px;font-size:7px;letter-spacing:.03em}.hero-track{height:calc(100svh + 640px);min-height:1380px}.hero-sticky{height:100svh;min-height:740px}.hero-heading{top:121px;left:24px;right:24px}.hero-overline .eyebrow{font-size:8px;letter-spacing:.09em}.edition{display:none}h1{font-size:clamp(42px,10.5vw,70px);line-height:1.03;letter-spacing:-.065em;margin-top:25px;white-space:normal;max-width:550px}h1>span{display:block}.hero-subline{margin-top:20px;display:block}.hero-subline p{font-size:12px;max-width:230px}.hero-subline .text-link{font-size:10px;margin-top:13px;gap:14px;padding:6px 0}.hero-subline .text-link>span{font-size:18px}.atelier{top:47%;transform:translate(-50%,-8%) scale(.49);transform-origin:50% 25%;width:1050px}.main-panel{left:218px}.sketch-panel{left:100px;top:-6px;width:240px}.type-panel{left:760px;top:210px;width:210px;z-index:6}.floating-tag{left:370px;top:425px;font-size:11px;padding:15px 18px}.background-ribbon{top:53%;height:80px;left:-40%;right:-40%;transform:rotate(-13deg)}.ribbon-track>span{font-size:45px}.ribbon-track i{margin:0 15px}.light-slash.slash-one{top:80%;width:150%;left:-10%;transform:rotate(-37deg)}.hero-bottom{bottom:25px;left:24px;right:24px;flex-wrap:wrap;gap:16px}.scroll-cue{width:auto;flex:1;font-size:9px;gap:10px;order:2}.scroll-arrow{font-size:19px}.concept-note{font-size:7px;order:3;width:auto;max-width:160px}.stage-controls{width:100%;justify-content:center;gap:15px;order:1;padding-bottom:14px}.stage-controls>button{font-size:10px;gap:7px;min-height:40px}.stage-controls>button>span{font-size:8px}.stage-controls>i{width:25px}.stage-progress{left:12px;right:12px;bottom:1px}.hero-bottom .concept-note{line-height:1.5}.section-wrap{scroll-margin-top:100px}.section-meta>.eyebrow{font-size:8px;letter-spacing:.07em}.section-meta>.eyebrow+span{max-width:45%;text-align:right}.approach{padding-top:30px;padding-bottom:20px}.approach-layout{display:block;padding:45px 0 15px}.approach h2,.closing h2{font-size:52px}.approach-copy{margin-top:30px;max-width:350px}.approach-copy>p{font-size:15px;line-height:1.75}.approach-copy .text-link{font-size:11px;margin-top:13px}.signature-line{height:100px;margin-top:10px}.signature-line svg{height:90px}.signature-line>span{top:72px;font-size:7px;padding:7px 12px}.services{padding-top:28px;padding-bottom:65px}.services-layout{display:block;margin-top:45px}.services h2{font-size:43px}.services-heading>p{font-size:11px;margin-top:20px}.service-glyph{display:none}.service-list{margin-top:35px}summary{min-height:88px;gap:14px}summary h3{font-size:36px}.service-no{font-size:9px;flex-basis:15px}.service-content{padding:0 10px 26px 29px}.service-content>p{font-size:12px}.service-tags{gap:10px;margin:20px 0 9px}.service-tags>span{font-size:7px}.service-tags>span+span:before{margin-right:10px}.closing{padding-top:27px}.closing-inner{margin:46px 0 20px;gap:16px;align-items:flex-start}.closing h2{font-size:clamp(35px,8.8vw,51px);flex:1}.contact-orbit{width:85px;height:85px;gap:10px;margin-top:7px}.contact-orbit>span{font-size:5px;letter-spacing:0}.contact-orbit>b{font-size:26px}.footer-logo{padding:30px 0 10px}.footer{flex-wrap:wrap;gap:9px;font-size:7px;padding-top:20px;padding-bottom:20px}.footer>span{flex-basis:100%}.footer>a{margin-left:auto}.motion-off .hero-track{min-height:740px}.motion-off .hero-sticky{min-height:740px}dialog{padding:20px 25px 25px}dialog h2{font-size:45px;margin:17px 0}dialog .eyebrow{font-size:8px}}
@media(max-width:430px){.atelier{transform:translate(-50%,-8%) scale(.445);top:47.5%}.hero-heading{top:118px}.hero-subline{margin-top:17px}.hero-overline .eyebrow{font-size:7.5px}.main-panel{left:200px}.type-panel{left:758px;top:213px}.floating-tag{top:426px}}
@media(max-width:360px){:root{--pad:20px}.hero-heading{left:20px;right:20px}.hero-bottom{left:20px;right:20px}.atelier{transform:translate(-50%,-5%) scale(.40)}.stage-controls{gap:12px}.stage-controls>i{width:15px}.stage-controls>button{font-size:9px}.concept-note{font-size:6px}.hero-subline p{font-size:11px}.brand{width:110px}.nav-bar{padding:0 12px;gap:12px}.section-meta>.eyebrow{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.atelier-parallax{transform:none!important}.ribbon-track{animation:none}.hero-track{height:100svh;min-height:800px}@media(max-width:760px){.hero-track{min-height:740px}}}
.motion-off{scroll-behavior:auto}

/* Etapa 02: obsah a statické ukázky pouze uvnitř stávající nabídky. */
.service-scope{list-style:none;margin:20px 0 26px;padding:0;color:#c0c6cf;font-size:12px;line-height:1.7}
.service-scope li{position:relative;padding-left:15px;margin:5px 0}
.service-scope li:before{content:"";position:absolute;left:0;top:.8em;width:5px;height:1px;background:#a5aebb}
.service-example{margin:0 0 18px;max-width:440px}
.service-example figcaption{margin-top:12px;font-size:11px;line-height:1.65;color:#a1aab7}
.service-example figcaption>span{display:block;margin-bottom:5px;font:8px/1.5 var(--font-tech);letter-spacing:.08em;color:#c0c8d3}
.service-web-preview{overflow:hidden;border:1px solid #e4e2dc35;border-radius:7px;background:#e8e5df;color:#242722}
.service-web-top{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #25272220;font-size:18px;letter-spacing:-.05em}
.service-web-top>span+span{font-size:21px}
.service-web-layout{display:grid;grid-template-columns:1fr .9fr;min-height:192px}
.service-web-copy{min-width:0;padding:24px 20px}
.service-web-copy>span{display:block;font:6px/1.6 var(--font-tech);letter-spacing:.06em;color:#666961}
.service-web-title{margin-top:14px;font:400 36px/.99 Georgia,'Times New Roman',serif;letter-spacing:-.06em}
.service-web-copy>i{display:block;margin-top:22px;width:45%;height:1px;background:#71756766}
.service-web-art{position:relative;overflow:hidden;background:linear-gradient(145deg,#cfcec7,#e6e3da 45%,#bcb9ac);border-left:1px solid #353b2d14}
.service-web-arch{position:absolute;left:26%;top:14%;width:46%;height:72%;border-radius:70px 70px 0 0;background:linear-gradient(100deg,#dad7ce,#f4f1e7 26%,#d2cec1 55%,#b2ad9f 92%);box-shadow:9px 7px 0 #a49f91,20px 18px 25px #53504244}
.service-web-arch:before{content:"";position:absolute;inset:13% 17% 0;border-radius:60px 60px 0 0;background:linear-gradient(105deg,#817e70,#a8a495 26%,#d0cbbf 67%,#b6b2a5);box-shadow:inset 6px 1px 10px #35332240}
.service-web-plinth{position:absolute;left:12%;right:7%;bottom:9%;height:12%;background:linear-gradient(#e8e3d7,#b2ad9f);box-shadow:8px 8px 14px #30312033}
.service-identity-preview{padding:24px;border:1px solid #c6cdd52e;border-radius:7px;background:linear-gradient(125deg,#b7c2cf0d,#1a1e251a 45%,#6470800b)}
.service-identity-preview>img{width:160px;height:auto}
.service-type-pair{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:23px 0 20px}
.service-type-pair>div{min-width:0}
.service-type-ui{display:block;font:400 54px/1 var(--font-ui);letter-spacing:-.07em}
.service-type-mono{display:block;font:400 25px/1.3 var(--font-tech);letter-spacing:-.04em;color:#b6bdc7}
.service-type-name{display:block;margin-top:10px;font-size:9px;color:#a1aab7}
.service-palette{display:flex;gap:5px;height:20px}
.service-palette>i{flex:1;border:1px solid #ffffff24;background:#eeefec}
.service-palette>i:nth-child(2){background:#a1a4aa}
.service-palette>i:nth-child(3){background:#41474f}
.service-palette>i:nth-child(4){background:#0b0c0e}
.service-print-preview{position:relative;overflow:hidden;padding:24px;border:1px solid #c6cdd52e;border-radius:7px;background:#ffffff03}
.service-print-card{width:76%;aspect-ratio:1.75;border:1px solid #c6cdd536;border-radius:3px}
.service-print-back{position:relative;margin-left:auto;background:linear-gradient(120deg,#d9dce0,#a1a4aa);color:#252a31;overflow:hidden;padding:16px}
.service-print-back>span{font:6px/1.5 var(--font-tech);letter-spacing:.04em}
.service-print-back>i{position:absolute;left:14%;top:78%;width:78%;height:1px;background:#626a7788;transform:rotate(-30deg);transform-origin:left}
.service-print-front{position:relative;display:flex;align-items:center;justify-content:center;margin-top:-22%;background:linear-gradient(125deg,#262b32,#11151a);box-shadow:0 14px 30px #0004}
.service-print-front img{width:64%;height:auto}
@media(max-width:760px){
  .service-scope{font-size:11px;margin:17px 0 22px}
  .service-example figcaption{font-size:10px}
  .service-example figcaption>span{font-size:7px}
  .service-web-top{padding:12px 14px;font-size:16px}
  .service-web-layout{min-height:172px}
  .service-web-copy{padding:19px 14px}
  .service-web-copy>span{font-size:5px}
  .service-web-title{font-size:31px}
  .service-identity-preview,.service-print-preview{padding:19px}
  .service-identity-preview>img{width:140px}
  .service-type-ui{font-size:46px}
  .service-type-mono{font-size:22px}
  .service-print-back{padding:12px}
  .service-print-back>span{font-size:5px}
}

/* Uživatelská úprava: srozumitelný úvod, bílé logo a model kavárny CHVÍLE. */
img[src$="kresio-logo.png"]{filter:brightness(0) invert(1)}
.hero-motto{font:400 14px/1.5 var(--font-ui);letter-spacing:-.02em;color:#b4b7bf;white-space:nowrap}
.hero-heading #hero-title{font-size:clamp(44px,4.9vw,74px);line-height:1.04;letter-spacing:-.055em;margin-top:20px;white-space:normal;max-width:1250px}
.hero-subline{margin-top:16px}
/* CHVÍLE / vlastní redakční kompozice; teplé barvy jen uvnitř modelové kavárny. */
.cafe-site,.cafe-preview{background:#f5ecdf;color:#4b3425}
:is(.cafe-site,.cafe-preview) .cafe-wordmark{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:.9;letter-spacing:-.075em}
:is(.cafe-site,.cafe-preview) .cafe-wordmark small{display:block;margin-top:6px;font:5px/1.3 var(--font-tech);letter-spacing:.08em;color:#876b53}
:is(.cafe-site,.cafe-preview) .cafe-menu{display:flex;flex-wrap:wrap;gap:8px 17px;border-top:1px solid #73513835;padding-top:8px;color:#624831}
:is(.cafe-site,.cafe-preview) .cafe-menu>span{white-space:nowrap}
:is(.cafe-site,.cafe-preview) .cafe-cup-mark{width:88px;height:88px;color:#805b3f;pointer-events:none;overflow:visible;background:#f5ecdf;border-radius:50%;padding:5px}
:is(.cafe-site,.cafe-preview) .cafe-saucer{fill:#f5ecdf;stroke:#9c7d62;stroke-width:1.15}
:is(.cafe-site,.cafe-preview) .cafe-cup-handle{fill:#fdf6eb;stroke:#70503a;stroke-width:1.8;stroke-linejoin:round}
:is(.cafe-site,.cafe-preview) .cafe-cup-body{fill:#fdf6eb;stroke:#70503a;stroke-width:1.8}
:is(.cafe-site,.cafe-preview) .cafe-coffee{fill:#a46d46;stroke:#794a2e;stroke-width:1}
:is(.cafe-site,.cafe-preview) .cafe-latte-heart{fill:#fbefd9}
:is(.cafe-site,.cafe-preview) .cafe-latte-pour{stroke:#c69b72;stroke-width:1;stroke-linecap:round}
.cafe-site .mini-navigation{height:55px;padding:0 25px;gap:22px;background:#f5ecdf;border-color:#543a2420}
.cafe-site .mini-navigation .cafe-wordmark{font-size:31px}
.cafe-site .mini-navigation>span{font-size:5.5px;line-height:1.6;letter-spacing:.11em;color:#876b53}
.cafe-site .mini-navigation>i{font-size:14px;color:#876b53}
:is(.cafe-site,.cafe-preview) .cafe-model-menu{display:flex;align-items:center;gap:18px;margin-left:auto;white-space:nowrap;color:#75583f;font:9px/1.5 var(--font-ui);letter-spacing:.01em}
:is(.cafe-site,.cafe-preview) .cafe-model-menu>span{padding:5px 0}
:is(.cafe-site,.cafe-preview) .cafe-model-menu .is-current{color:#4b3425;border-bottom:1px solid #75583f80}
:is(.cafe-site,.cafe-preview) .cafe-model-menu b{margin-left:3px;font-weight:400;font-size:10px}
.cafe-preview .service-web-top{flex-wrap:wrap}
.cafe-preview .cafe-model-menu{font-size:9px;gap:16px}

.cafe-site .mini-content{position:relative;display:block;height:247px}
.cafe-site .mini-copy{position:relative;z-index:2;width:58%;padding:17px 25px 0;background:transparent}
.cafe-site .mini-eyebrow{font-size:5px;letter-spacing:.15em;margin-bottom:10px;color:#876b53}
.cafe-site .mini-copy h2{position:relative;z-index:4;width:max-content;font-size:29px;line-height:1.03;letter-spacing:-.065em;color:#4b3425}
.cafe-site .mini-copy h2 em{font-weight:400;font-style:italic}
.cafe-site .mini-copy p{font-size:8.2px;line-height:1.5;margin-top:10px;color:#836b56}
.cafe-site .cafe-menu{width:252px;max-width:100%;margin-top:12px;font:6px/1.5 var(--font-ui);gap:15px}
.cafe-site .cafe-menu small{margin-right:4px;font:4.5px/1 var(--font-tech);color:#aa8b70}
.cafe-site .mini-link{width:max-content;margin-top:11px;padding-top:0;border:0;font-size:5px;gap:16px;letter-spacing:.12em}
.cafe-site .mini-link b{font-size:11px}
.cafe-site .cafe-art{position:absolute;top:9px;right:18px;bottom:17px;width:48%;border:0;background:#c7b49b;overflow:hidden}
.cafe-site .cafe-photo{width:100%;height:100%;object-fit:cover;object-position:66% 55%}
.cafe-site .cafe-photo-caption{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 9px;background:#f5ecdfeb;color:#4b3425}
.cafe-site .cafe-photo-caption>span{font:4.5px/1.4 var(--font-tech);letter-spacing:.08em;color:#876b53;white-space:nowrap}
.cafe-site .cafe-photo-caption>strong{font:400 8px/1.2 var(--font-ui);letter-spacing:-.025em}
.cafe-site .cafe-photo-caption>i{font:400 12px/1 var(--font-ui)}
.cafe-site .cafe-cup-mark{position:absolute;left:calc(52% - 34px);top:4px;z-index:3;transform:rotate(-13deg)}
.cafe-site .mini-footer{font-size:5px;background:#f5ecdf;padding:0 25px;color:#876b53;border-color:#543a2420}
.cafe-preview .service-web-top{padding:16px 20px;background:#f5ecdf;letter-spacing:0;border-color:#543a2420;gap:18px}
.cafe-preview .service-web-top .cafe-wordmark{font-size:30px;flex-shrink:0}
.cafe-preview .service-web-top .cafe-top-note{font:6px/1.6 var(--font-tech);letter-spacing:.1em;color:#876b53}
.cafe-preview .service-web-layout{position:relative;display:grid;grid-template-columns:56% 44%;min-height:240px}
.cafe-preview .service-web-copy{min-width:0;padding:24px 20px 22px;background:#f5ecdf}
.cafe-preview .service-web-copy>span{font:5.5px/1.5 var(--font-tech);letter-spacing:.1em;color:#876b53}
.cafe-preview .service-web-title{margin-top:17px;color:#4b3425;font:400 27px/1.04 Georgia,'Times New Roman',serif;letter-spacing:-.065em}
.cafe-preview .service-web-title em{font-style:italic;font-weight:400}
.cafe-preview .service-web-copy>p{margin-top:15px;font:9px/1.6 var(--font-ui);color:#836b56}
.cafe-preview .cafe-menu{margin-top:19px;font:7px/1.5 var(--font-ui);gap:8px 12px}
.cafe-preview .service-web-art{position:relative;margin:0 13px 13px 0;border:0;background:#c7b49b;min-height:0}
.cafe-preview .service-web-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:66% 55%}
.cafe-preview .service-web-art>span{position:absolute;bottom:0;left:0;right:0;padding:7px 8px;background:#f5ecdfeb;font:4.5px/1.5 var(--font-tech);letter-spacing:.05em;color:#4b3425}
.cafe-preview .cafe-cup-mark{position:absolute;top:7px;left:calc(56% - 28px);width:65px;height:65px;transform:rotate(-13deg)}
@media(max-width:1100px){
  .cafe-preview .service-web-top{padding:15px 17px}
  .cafe-preview .service-web-top .cafe-wordmark{font-size:32px}
  .cafe-preview .service-web-layout{grid-template-columns:1fr;grid-template-rows:auto 155px;min-height:0}
  .cafe-preview .service-web-copy{padding:21px 17px 19px}
  .cafe-preview .service-web-copy>span{font-size:6px}
  .cafe-preview .service-web-title{margin-top:13px;font-size:29px;line-height:1.03}
  .cafe-preview .service-web-copy>p{margin-top:13px;font-size:9px}
  .cafe-preview .cafe-menu{margin-top:15px;font-size:8px;gap:10px 18px}
  .cafe-preview .service-web-art{margin:0 13px 13px;min-height:142px}
  .cafe-preview .service-web-art>span{font-size:5px}
  .cafe-preview .cafe-cup-mark{top:auto;left:auto;right:17px;bottom:123px;width:58px;height:58px}
}
@media(max-width:360px){
  .cafe-preview .service-web-title{font-size:28px}
  .cafe-preview .service-web-copy{padding-left:15px;padding-right:15px}
  .cafe-preview .cafe-menu{gap:10px 14px;font-size:7.5px}
}
@media(max-height:850px) and (min-width:761px){
  .hero-heading #hero-title{font-size:clamp(40px,4.6vw,67px);margin-top:18px}
  .hero-subline{margin-top:14px}
}
@media(max-width:760px){
  .hero-overline{flex-wrap:wrap;gap:7px 12px}
  .hero-motto{font-size:10.5px}
  .hero-heading #hero-title{font-size:clamp(31px,8.1vw,49px);line-height:1.06;letter-spacing:-.055em;margin-top:20px;max-width:550px}
  .hero-subline{margin-top:16px}
  .hero-subline p{max-width:280px}
}

/* Nabídka: větší prostor pro ukázku, jasný rozsah a klidné redakční řádky. */
.nav-shell.menu-open{max-height:calc(100svh - 48px);overflow-y:auto}
.menu-links>a,.menu-links>button{height:72px;flex-shrink:0}
.menu-open .menu-links>:nth-child(5){transition-delay:.24s}
.menu-open .menu-links>:nth-child(6){transition-delay:.28s}
.hero-subline .text-link{padding:10px 17px;border:1px solid #eceee9;border-radius:30px;background:#eceee9;color:#15171a;gap:24px}
.hero-subline .text-link:hover{background:#fff;border-color:#fff}
.service-list{min-width:0}
.service-list summary h3{min-width:0;font-size:clamp(28px,3vw,43px);line-height:1.2;letter-spacing:-.045em}
.service-no,.details-icon{flex-shrink:0}
.service-list details[open] summary{color:#f6f6f2}
.service-list details[open] .service-no{color:#f6f6f2}
.service-list summary:hover h3{color:#fff}
.services-heading>.text-link{margin-top:20px;color:#cbd0d8}
.service-example{max-width:none}
.service-fit{margin:0 0 28px;max-width:480px;font-size:11px;line-height:1.7;color:#b4bac3}
.service-fit>div{display:grid;grid-template-columns:70px 1fr;gap:13px;margin:10px 0}
.service-fit dt{font:8px/1.8 var(--font-tech);letter-spacing:.06em;text-transform:uppercase;color:#e1e4e8}
.service-fit dd{margin:0}
.system-preview{border:1px solid #ffffff25;border-radius:7px;overflow:hidden;background:linear-gradient(135deg,#23272c,#14171c);color:#e5e8e8}
.system-top{display:flex;justify-content:space-between;align-items:center;padding:17px 21px;border-bottom:1px solid #ffffff16;font:7px/1.5 var(--font-tech);letter-spacing:.08em;color:#b7bec5}
.system-top>span+span{font-size:20px;line-height:1}
.system-heading{padding:25px 21px 20px;display:flex;align-items:end;justify-content:space-between;gap:15px}
.system-heading>strong{font-weight:400;font-size:26px;letter-spacing:-.05em;line-height:1.1}
.system-heading>span{font-size:8px;color:#a1aab7}
.crm-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 21px 27px}
.crm-board>div>span{display:flex;justify-content:space-between;gap:5px;font-size:8px;color:#b7bec5;padding:8px 0}
.crm-board b{font:7px var(--font-tech);color:#8d96a2}
.crm-card{border:1px solid #ffffff1c;border-radius:4px;background:#ffffff04;padding:14px 10px}
.crm-card>small{display:block;font:6px/1.5 var(--font-tech);color:#9ca6b3}
.crm-card>strong{display:block;margin-top:13px;font-size:11px;font-weight:400;letter-spacing:-.025em}
.crm-card>i{display:block;margin-top:15px;height:1px;width:30px;background:#a3abb75c}
.crm-card>span{display:block;margin-top:10px;font-size:7px;line-height:1.5;color:#a6aeb8}
.booking-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:25px;padding:30px 25px}
.booking-copy>small{display:block;font:7px/1.5 var(--font-tech);color:#a1aab7;letter-spacing:.08em}
.booking-copy>strong{display:block;font-size:32px;font-weight:300;line-height:1.06;letter-spacing:-.055em;margin:18px 0 25px}
.booking-copy>span{font-size:9px;color:#b7bec5}
.booking-calendar{align-self:center;min-width:0}
.booking-days,.booking-dates{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));text-align:center;gap:4px}
.booking-days{font:7px/1.5 var(--font-tech);color:#9ca6b3;margin-bottom:12px}
.booking-dates>span{font-size:12px;padding:10px 0;border:1px solid #ffffff16;border-radius:3px}
.booking-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:15px}
.booking-slots>span{font:8px/1.4 var(--font-tech);text-align:center;padding:10px 0;border:1px solid #ffffff25;border-radius:3px;color:#b7bec5}
.booking-calendar .selected{background:#e4e7e6;color:#1c2025;border-color:#e4e7e6}
.journal,.pricing{padding-top:42px;padding-bottom:110px}
.offer-section-heading{display:flex;justify-content:space-between;align-items:end;gap:55px;margin:65px 0 55px}
.offer-section-heading h2{font-size:clamp(40px,4.6vw,68px);font-weight:400;line-height:1.08;letter-spacing:-.055em}
.offer-section-heading h2 span{color:#8f98a4}
.offer-section-heading>p{max-width:350px;font-size:13px;line-height:1.8;color:#aeb5bf}
.journal-list{border-top:1px solid var(--line)}
.journal-entry{position:relative;display:grid;grid-template-columns:1fr 2.3fr 60px;column-gap:35px;align-items:start;padding:40px 0;border-bottom:1px solid var(--line)}
.journal-index{font:9px/1.8 var(--font-tech);letter-spacing:.07em;color:#a9b2be;padding-top:5px}
.journal-entry :is(h2,h3){font-size:clamp(26px,3vw,43px);font-weight:300;letter-spacing:-.045em;line-height:1.16;transition:color .3s}
.journal-entry p{font-size:12px;line-height:1.75;max-width:410px;margin-top:20px;color:#a3acb8}
.journal-arrow{font-size:38px;font-weight:200;justify-self:end;line-height:1.1;transition:transform .4s var(--ease)}
.journal-read{grid-column:2;margin-top:25px;font:8px/1.5 var(--font-tech);color:#9da8b7;letter-spacing:.08em}
.journal-entry:hover .journal-arrow{transform:translate(4px,-4px)}
.journal-entry:hover :is(h2,h3),.journal-entry:hover .journal-read{color:#fff}
.price-list{--price-value-width:150px;--price-tail-width:140px;--price-column-gap:24px;border-top:1px solid var(--line)}
.price-row{display:grid;grid-template-columns:25px minmax(0,1.7fr) minmax(150px,1fr) auto;align-items:center;gap:24px;padding:29px 0;border-bottom:1px solid var(--line)}
.price-no{font:9px/1.5 var(--font-tech);color:#a3acb8}
.price-row h3{font-size:24px;line-height:1.25;letter-spacing:-.035em;font-weight:400}
.price-row p{font-size:11px;line-height:1.7;color:#a1aab7;margin-top:9px}
.price-value{font-size:12px;line-height:1.5;color:#d4d8dd}
.price-action{display:flex;align-items:center;gap:20px;font-size:10px;line-height:1.5;padding:12px 0;text-align:left;color:#bcc4ce}
.price-action>span{font-size:23px;line-height:1;color:#f2f3ee;transition:transform .4s var(--ease)}
.price-action:hover{color:#fff}
.price-action:hover>span{transform:translate(3px,-3px)}
.pricing-note{font-size:11px;line-height:1.8;color:#9ea8b5;max-width:580px;margin:28px 0 0 49px}

/* Stejný materiál oken pokračuje v obsahu, bez další automatické animace. */
.content-glass{position:relative;border:1px solid #c6cdd536;border-radius:12px;background:linear-gradient(125deg,#b7c2cf12,#1a1e2524 46%,#6470800f);box-shadow:inset 0 1px 0 #ffffff14,inset 1px 0 0 #ffffff08,0 18px 50px #0003;backdrop-filter:blur(18px) saturate(.75);-webkit-backdrop-filter:blur(18px) saturate(.75)}
.content-glass:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff08,transparent 42%,#ffffff02);z-index:1}
.content-window-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:33px;padding:10px 15px;border-bottom:1px solid #ffffff14;font:7px/1.5 var(--font-tech);letter-spacing:.09em;color:#aeb7c3}
.content-window-bar>i{font:400 15px/1 var(--font-ui);font-style:normal;color:#d8dde4}
.service-study{margin:35px 0 0;max-width:340px}
.study-windows{position:relative;height:238px;isolation:isolate}
.study-structure{position:absolute;left:4px;top:9px;width:80%;transform:rotate(-5deg);overflow:hidden}
.study-structure svg{display:block;width:100%;height:auto;padding:7px 7px 12px}
.study-grid{stroke:#c5ced03d;stroke-width:1}
.study-ink{stroke:#d7dfe4a6;stroke-width:1.2}
.study-type{position:absolute;right:4px;bottom:6px;width:53%;transform:rotate(7deg);background:linear-gradient(130deg,#4e58634a,#161b2161 55%,#4b56602c);overflow:hidden}
.study-type-sample{display:block;margin:8px 18px 7px;font:300 59px/1.1 var(--font-ui);letter-spacing:-.07em;color:#e6e9e8}
.study-type-sample>span{color:#9aa4b0}
.study-colors{display:flex;gap:4px;margin:0 18px;height:20px}
.study-colors>i{flex:1;background:#e8eae5;border:1px solid #d0d5d433}
.study-colors>i:nth-child(2){background:#b2b7bb}.study-colors>i:nth-child(3){background:#606973}.study-colors>i:nth-child(4){background:#252c33}
.study-note{display:block;margin:11px 18px 15px;font:5px/1.5 var(--font-tech);letter-spacing:.07em;color:#aab4c2}
.service-study>figcaption{font:6px/1.6 var(--font-tech);letter-spacing:.08em;color:#8d99a8;margin-top:10px}
.price-list.content-glass{overflow:hidden;padding:0 25px;border-radius:13px}
.price-window-bar{margin:0 -25px;padding:14px 25px;font-size:8px;min-height:45px}
.price-list.content-glass>.price-row:last-child{border-bottom:0}
.closing-copy>p{margin-top:24px;font-size:14px;line-height:1.8;color:#adb7c3;letter-spacing:-.01em}
.closing-actions{display:flex;flex-direction:column;align-items:flex-end;gap:17px;flex-shrink:0}
.closing-contact-link{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;min-height:58px;padding:17px 25px;border:1px solid #e9ece7;border-radius:40px;background:#e9ece7;color:#15191e;font-size:14px;line-height:1.5;transition:background .25s,border-color .25s}
.closing-contact-link>span{font-size:25px;line-height:1;transition:transform .35s var(--ease)}
.closing-contact-link:hover{background:#fff;border-color:#fff}
.closing-contact-link:hover>span{transform:translate(3px,-3px)}
.closing-email{font-size:12px;line-height:1.8;color:#aab5c2;text-underline-offset:5px}
.closing-email:hover{text-decoration:underline;color:#fff}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.content-glass{background:linear-gradient(125deg,#303943e8,#161d25eb)}}
@media(min-width:1101px){
  .services-heading{position:sticky;top:150px;align-self:start}
  .service-web-layout{min-height:270px}
  .service-web-copy{padding:32px 25px}
  .service-web-title{font-size:49px;margin-top:23px}
  .service-web-copy>span{font-size:7px}
  .cafe-preview .service-web-art>span{font-size:6px}
  .service-identity-preview{padding:32px}
  .service-identity-preview>img{width:190px}
  .service-type-ui{font-size:68px}
  .service-type-pair{margin:32px 0 25px}
}
@media(max-width:1100px) and (min-width:761px){
  .price-row{grid-template-columns:20px 1.5fr 1fr;gap:18px}
  .price-action{grid-column:3;padding-top:0}
  .price-row h3{font-size:21px}
  .system-heading{display:block}
  .system-heading>span{display:block;margin-top:12px}
  .booking-layout{display:block}
  .booking-copy>strong br{display:none}
  .booking-copy>strong{font-size:28px;margin:12px 0}
  .booking-calendar{margin-top:25px}
}
@media(max-width:760px){
  .nav-shell.menu-open{max-height:calc(100svh - 30px)}
  .closing-inner{display:block}
  .closing-copy>p{margin-top:22px;font-size:12px}
  .closing-actions{align-items:flex-start;gap:14px;margin-top:28px}
  .closing-contact-link{width:min(100%,300px);min-height:54px;padding:15px 20px;font-size:13px}
  .closing-email{font-size:11px}
  .service-study{max-width:290px;margin-top:27px}
  .study-windows{height:211px}
  .study-type-sample{font-size:51px}
  .study-colors{height:17px}
  .content-window-bar{padding:9px 12px;font-size:6px}
  .price-list.content-glass{padding:0 18px}
  .price-window-bar{margin:0 -18px;padding:13px 18px;font-size:7px}
  .menu-links>a,.menu-links>button{height:62px}
  .hero-subline .text-link{padding:10px 15px;font-size:10px;gap:22px}
  .service-list summary{min-height:88px;padding:20px 0;gap:12px}
  .service-list summary h3{font-size:clamp(25px,6.7vw,36px)}
  .service-fit{font-size:10px;margin-bottom:24px}
  .service-fit>div{grid-template-columns:58px 1fr;gap:9px}
  .service-fit dt{font-size:7px}
  .system-top{padding:14px 12px;font-size:5px}
  .system-heading{display:block;padding:22px 12px 16px}
  .system-heading>strong{font-size:25px}
  .system-heading>span{display:block;font-size:7px;margin-top:10px}
  .crm-board{gap:6px;padding:0 12px 20px}
  .crm-board>div>span{font-size:6px}
  .crm-board b{font-size:6px}
  .crm-card{padding:12px 7px}
  .crm-card>small{font-size:5px;letter-spacing:-.03em}
  .crm-card>strong{font-size:9px;line-height:1.4}
  .crm-card>span{font-size:6px}
  .booking-layout{display:block;padding:22px 15px}
  .booking-copy>strong{font-size:30px;margin:12px 0}
  .booking-copy>strong br{display:none}
  .booking-copy>span{font-size:8px}
  .booking-calendar{margin-top:24px}
  .journal,.pricing{padding-top:28px;padding-bottom:65px}
  .offer-section-heading{display:block;margin:44px 0 35px}
  .offer-section-heading h2{font-size:clamp(34px,8vw,48px)}
  .offer-section-heading>p{margin-top:25px;font-size:12px;max-width:340px}
  .journal-entry{grid-template-columns:minmax(0,1fr) 26px;column-gap:14px;padding:27px 0}
  .journal-index{grid-column:1 / -1;font-size:8px;margin-bottom:20px;padding:0}
  .journal-entry :is(h2,h3){font-size:clamp(24px,6.5vw,34px)}
  .journal-entry p{font-size:11px;margin-top:17px}
  .journal-arrow{font-size:28px}
  .journal-read{grid-column:1;font-size:7px;margin-top:20px}
  .price-row{grid-template-columns:18px minmax(0,1fr);gap:12px;padding:25px 0}
  .price-no{align-self:start;padding-top:5px;font-size:8px}
  .price-row h3{font-size:23px}
  .price-row p{font-size:10px}
  .price-value,.price-action{grid-column:2}
  .price-value{font-size:11px;margin-top:7px}
  .price-action{justify-self:start;gap:24px;padding:5px 0;font-size:10px}
  .pricing-note{margin:24px 0 0 30px;font-size:10px}
}

@media(max-width:1100px){.cafe-preview .cafe-model-menu{flex-basis:100%;margin-left:0;font-size:9px;gap:22px}.cafe-preview .service-web-top{gap:12px}}

/* Stejná středová osa podpisu, loga a ovládání na desktopu. */
@media(min-width:761px){.footer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.footer>span{justify-self:start}.footer>button{justify-self:center}.footer>a{justify-self:end;margin-left:0}}

/* Rozbalovací rozsah služeb ve stávajícím skleněném ceníku. */
.price-item{border-bottom:1px solid var(--line)}
.price-item:last-child{border-bottom:0}
.price-item>.price-row{grid-template-columns:25px minmax(0,1fr) var(--price-value-width) var(--price-tail-width);gap:var(--price-column-gap);border:0;min-height:0;text-align:left}
.price-row>.price-value,.web-price-value{display:grid;justify-self:end;justify-items:end;row-gap:3px;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.price-current{display:block;line-height:1.4;color:inherit}
@media(max-width:760px){.price-row>.price-value,.web-price-value{justify-items:start}}
.price-heading{min-width:0}
.price-disclosure{display:flex;align-items:center;justify-content:flex-end;gap:20px;font-size:10px;color:#b4bdc8;white-space:nowrap}
.price-expand{position:relative;width:18px;height:18px;flex-shrink:0}
.price-expand:before,.price-expand:after{content:"";position:absolute;top:8px;left:1px;width:16px;height:1px;background:currentColor;transition:transform .35s var(--ease)}
.price-expand:after{transform:rotate(90deg)}
.price-item[open] .price-expand:after{transform:rotate(0)}
.price-item[open] .price-row h3,.price-row:hover .price-disclosure{color:#f3f4ef}
.price-features{margin-left:49px;padding:0 0 28px}
.price-features svg{width:22px;height:22px;flex-shrink:0;color:#b9c3cf}
.price-features .price-feature-lead{display:flex;align-items:center;gap:14px;font-size:16px;line-height:1.6;color:#e2e6e9;margin:0 0 25px}
.price-feature-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:40px;row-gap:20px}
.price-feature-list li{display:flex;align-items:flex-start;gap:14px;font-size:12px;line-height:1.75;color:#b4bdc8;min-width:0}
.price-feature-list li span{padding-top:1px}
.price-feature-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #e2e9f016;margin-top:28px;padding-top:15px}
.price-feature-bottom>p{font-size:10px;line-height:1.7;color:#919dac}
.price-feature-bottom .price-action{grid-column:auto;flex-shrink:0;font-size:11px;padding:10px 0}
.price-item .price-start{font-size:18px;letter-spacing:-.025em}
.price-item .price-value small{font-size:11px;color:#a2adba;letter-spacing:0}
.pricing-care{margin:28px 0 0 49px;max-width:730px;font-size:11px;line-height:1.8;color:#b9c2cc}
.pricing-care>span{display:block;margin-bottom:8px;font:8px/1.6 var(--font-tech);letter-spacing:.1em;color:#919dac}
@media(max-width:1100px) and (min-width:761px){.price-list{--price-value-width:130px;--price-tail-width:120px;--price-column-gap:18px}.price-item>.price-row{grid-template-columns:20px minmax(0,1fr) var(--price-value-width) var(--price-tail-width)}.price-disclosure{gap:14px}.price-disclosure>span{width:16px}.price-features{margin-left:38px}}
@media(max-width:760px){.price-item>.price-row{grid-template-columns:18px minmax(0,1fr) 18px;gap:7px 12px}.price-heading{grid-column:2}.price-disclosure{grid-column:3;grid-row:1 / 3;align-self:center;font-size:0;gap:0}.price-item .price-value{grid-column:2;justify-self:start;text-align:left;margin-top:2px}.price-features{margin-left:30px;padding-bottom:25px}.price-features .price-feature-lead{font-size:14px;gap:11px;margin-bottom:23px}.price-feature-list{grid-template-columns:minmax(0,1fr);gap:18px}.price-feature-list li{font-size:11px;gap:11px}.price-features svg{width:20px;height:20px}.price-feature-bottom{align-items:flex-start;flex-direction:column;gap:6px;margin-top:25px;padding-top:15px}.price-feature-bottom .price-action{font-size:11px}}
@media(max-width:760px){.pricing-care{margin-left:30px;font-size:10px}}
.web-price-option{display:grid;grid-template-columns:minmax(0,1fr) var(--price-value-width) var(--price-tail-width);align-items:center;gap:var(--price-column-gap);padding:18px 0;border-top:1px solid #dce4ef18}
.web-price-option:first-child{border-top:0;padding-top:0}
.web-price-option h4{margin:0;font-size:18px;line-height:1.4;font-weight:400;letter-spacing:-.025em}
.web-price-option p{font-size:11px;line-height:1.6;color:#a1acb9;margin-top:5px}
.web-price-value{font-size:16px;letter-spacing:-.025em;color:#d9dfe6;white-space:nowrap}
.web-price-value small{font-size:10px;color:#9ca7b5;letter-spacing:0}
.web-price-option .price-action{grid-column:auto;justify-self:end;padding:10px 0;gap:15px}
.web-common{display:flex;align-items:flex-start;gap:12px;font-size:10px;line-height:1.7;color:#a4afbd;border-top:1px solid #dce4ef18;margin:6px 0 0;padding-top:19px}
.web-common svg{width:17px;height:17px}
@media(max-width:760px){.web-price-option{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:18px 0}.web-price-option>div{grid-column:1 / -1}.web-price-option h4{font-size:16px}.web-price-option p{font-size:10px}.web-price-value{justify-self:start;text-align:left;font-size:15px}.web-price-option .price-action{justify-self:end;margin:0;padding:5px 0;font-size:10px}.web-common{font-size:10px}}
.faq{padding-top:10px;padding-bottom:70px}
.faq-list{padding:6px 28px 12px}
.faq-list details{border-top:1px solid var(--line)}
.faq-list details:last-child{border-bottom:1px solid var(--line)}
.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:14px 0;cursor:pointer;list-style:none;font-size:18px;line-height:1.35;letter-spacing:-.03em}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary>span{flex:0 0 auto;font-size:22px;font-weight:300;line-height:1;transition:transform .25s var(--ease)}
.faq-list details[open] summary>span{transform:rotate(45deg)}
.faq-list details p{max-width:68ch;margin:0;padding:0 36px 20px 0;color:#b7c2cc;font-size:15px;line-height:1.7}
@media(max-width:760px){.faq{padding-bottom:48px}.faq-list{padding:4px 18px 8px}.faq-list summary{min-height:56px;font-size:16px}.faq-list details p{font-size:14px;padding-right:0}}
.not-found{min-height:100svh;display:grid;place-items:center;padding:32px}
.not-found main{width:100%;max-width:580px}
.not-found-logo{display:inline-block;margin-bottom:52px}
.not-found-logo img{width:168px;height:auto;filter:brightness(0) invert(1)}
.not-found h1{font-size:clamp(30px,5vw,48px);font-weight:300;line-height:1.15;letter-spacing:-.05em;margin:18px 0 24px}
.not-found p{color:var(--muted);font-size:16px;line-height:1.7;margin-bottom:16px}
.not-found nav{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px}
.not-found nav a{display:inline-flex;align-items:center;min-height:44px;padding:12px 20px;border:1px solid #45685b;border-radius:28px;color:#9dddc3;font-size:14px}
.not-found nav a:first-child{background:#9dddc3;color:#15211d}
.not-found-foot{width:100%;max-width:580px;margin:36px auto 0}
.not-found .operator-line{margin:0 0 8px;color:#c5ced6;font:12px/1.55 Manrope,Arial,Helvetica,sans-serif;letter-spacing:0;text-wrap:pretty}

/* Source: blog/blog.css */
/* KRESIO / samostatné pracovní články. Bez skriptů a externích knihoven. */
.article-page{background:radial-gradient(ellipse 70% 45% at 78% 10%,#7c899b0c,transparent 75%),var(--bg)}
.article-header{position:sticky;top:24px;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(1120px,calc(100% - 64px));margin:24px auto 0;padding:15px 24px;border:1px solid #e0e5ef3b;border-radius:12px;background:#15191ee8;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:inset 0 1px 0 #ffffff0d,0 16px 60px #0003}
.article-logo{display:block;flex:0 0 140px}
.article-logo img{width:140px;height:auto;filter:brightness(0) invert(1)}
.article-header-label{margin-right:auto;font:9px/1.5 var(--font-tech);letter-spacing:.12em;color:#a1aab7}
.article-back{display:flex;align-items:center;gap:14px;min-height:40px;font-size:12px;color:#ccd2db;white-space:nowrap;transition:color .25s}
.article-back>span{font-size:19px}
.article-back:hover{color:#fff}
.article-main{display:grid;grid-template-columns:160px minmax(0,740px);gap:80px;width:min(1120px,calc(100% - 64px));margin:84px auto 100px;scroll-margin-top:25px}
.article-rail{position:sticky;top:145px;align-self:start;font:9px/1.7 var(--font-tech);letter-spacing:.1em;color:#8f9aa9}
.article-rail>span{display:block;padding:14px 0;border-top:1px solid var(--line)}
.article-rail>span+span{border-top:0;color:#bcc5d2}
.article-content{min-width:0}
.article-kicker{display:block;margin-bottom:22px;font:10px/1.5 var(--font-tech);letter-spacing:.12em;color:#aeb8c6}
.article-title{font-size:clamp(40px,5.1vw,70px);font-weight:400;line-height:1.06;letter-spacing:-.055em;white-space:normal;margin:0;overflow-wrap:break-word}
.article-lead{margin:28px 0;color:#c4cbd5;font-size:20px;line-height:1.65;letter-spacing:-.02em}
.article-meta{display:flex;flex-wrap:wrap;gap:12px 24px;margin-bottom:42px;padding:0 0 25px;border-bottom:1px solid var(--line);font:9px/1.6 var(--font-tech);letter-spacing:.05em;color:#8f9baa}
.article-section{margin:35px 0}
.article-section h2{margin:0 0 16px;font-size:28px;font-weight:400;line-height:1.2;letter-spacing:-.035em}
.article-section p{margin:14px 0;color:#b6c0cd;font-size:16px;line-height:1.85;letter-spacing:-.01em}
.article-section strong{font-weight:500;color:#e3e7ec}
.article-cta{margin-top:48px;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.article-cta p{max-width:530px;margin-bottom:14px;color:#b7c2d0;font-size:14px;line-height:1.8}
.article-cta .cta-row{display:flex;flex-wrap:wrap;gap:8px 28px}
.article-cta a{display:inline-flex;align-items:center;gap:28px;min-height:44px;font-size:14px;border-bottom:1px solid #e3e8f066}
.article-cta a.cta-note{gap:8px;border-bottom:0;color:#c5d9cf}
.article-cta a.cta-note>span{font-size:16px}
.article-cta a>span{font-size:24px}
.blog-index-links{display:flex;flex-wrap:wrap;gap:4px 22px;margin-top:8px}
.blog-index-links a{display:inline-flex;align-items:center;min-height:44px;color:#c5d9cf;font-size:14px}
.article-related{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:32px}
.article-related>a{display:block;min-width:0;min-height:70px;color:#c4ccd6;font-size:15px;line-height:1.5;transition:color .25s}
.article-related>a:hover{color:#fff}
.article-related span{display:block;margin-bottom:8px;font:8px/1.6 var(--font-tech);letter-spacing:.1em;color:#8f9baa}
.article-related>a+ a{text-align:right}
.article-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;width:min(1120px,calc(100% - 64px));margin:0 auto;padding:26px 0 32px;border-top:1px solid var(--line);font:8px/1.6 var(--font-tech);letter-spacing:.06em;color:#8f9baa}
.article-footer a{display:inline-flex;align-items:center;min-height:32px;color:#bcc5d1}
@media(max-width:900px){
  .article-header-label{display:none}
  .article-main{grid-template-columns:1fr;max-width:740px;margin-top:65px}
  .article-rail{display:none}
}
@media(max-width:600px){
  .article-header{top:12px;width:calc(100% - 24px);margin-top:12px;padding:10px 15px;gap:16px}
  .article-logo{flex-basis:110px}
  .article-logo img{width:110px}
  .article-back{font-size:11px;gap:9px}
  .article-main{width:calc(100% - 48px);margin-top:48px;margin-bottom:64px}
  .article-kicker{font-size:8px;margin-bottom:18px}
  .article-title{font-size:clamp(35px,9.2vw,48px);line-height:1.08;letter-spacing:-.05em}
  .article-lead{font-size:17px;line-height:1.7;margin:24px 0}
  .article-meta{font-size:8px;gap:8px 18px;margin-bottom:32px}
  .article-section{margin:30px 0}
  .article-section h2{font-size:25px}
  .article-section p{font-size:15px;line-height:1.85}
  .article-cta{margin-top:35px;padding:24px 0}
  .article-related{grid-template-columns:1fr;gap:22px}
  .article-related>a{min-height:55px;font-size:14px}
  .article-related>a+ a{text-align:left}
  .article-footer{width:calc(100% - 48px);font-size:7px;padding-top:20px}
}
@media(prefers-reduced-motion:reduce){.article-page a{transition:none}}

/* Samostatný přehled článků, dostupný z hlavního menu. */
.blog-index-main{width:min(1120px,calc(100% - 64px));margin:84px auto 100px}
.blog-index-heading{margin:0 0 55px;gap:40px}
.blog-index-heading>div{min-width:0}
.blog-index-heading .article-title{font-size:clamp(40px,4.8vw,66px)}
.blog-index-heading>p{max-width:260px;flex-shrink:0}
@media(max-width:760px){
  .blog-index-main{width:calc(100% - 48px);margin:48px auto 64px}
  .blog-index-heading{margin-bottom:35px}
  .blog-index-heading .article-title{font-size:clamp(34px,8.3vw,48px)}
}

/* Malé statické náčrty témat v návaznosti na skleněná okna KRESIO. */
.blog-index-page .journal-entry{grid-template-columns:minmax(190px,230px) minmax(0,1fr) 40px;column-gap:40px}
.blog-index-page .journal-visual{grid-column:1;grid-row:1 / span 2;align-self:start;min-width:0;overflow:hidden;isolation:isolate}
.blog-index-page .journal-visual .content-window-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px}
.blog-index-page .journal-visual .journal-index{padding:0;margin:0;font-size:7px;line-height:1.5;letter-spacing:.07em}
.blog-index-page .journal-visual .content-window-bar>span+span{font-size:15px;line-height:1;color:#cdd5df}
.blog-index-page .journal-diagram{position:relative;z-index:1;display:block;width:100%;height:126px}
.blog-index-page .diagram-panel{fill:#ffffff05;stroke:#d4deeb66;stroke-width:1}
.blog-index-page .diagram-quiet{fill:#c5d2e008;stroke:#d4deeb30;stroke-width:1}
.blog-index-page .diagram-line{stroke:#c5d2e073;stroke-width:1;stroke-linecap:round;stroke-linejoin:round}
.blog-index-page .diagram-dot{fill:#dce3ed;opacity:.65}
.blog-index-page .diagram-accent{stroke:#e6ecf2b3;stroke-width:1;stroke-linecap:round}
.blog-index-page .diagram-selected{fill:#dce3e8;stroke:#eef0ef;stroke-width:1}
.blog-index-page .diagram-dark{stroke:#343e49;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.blog-index-page .journal-entry-copy{grid-column:2;grid-row:1;min-width:0}
.blog-index-page .journal-arrow{grid-column:3;grid-row:1}
.blog-index-page .journal-read{grid-column:2;grid-row:2;margin-top:22px}
@media(max-width:1000px) and (min-width:761px){
  .blog-index-page .journal-entry{grid-template-columns:190px minmax(0,1fr) 30px;column-gap:25px}
}
@media(max-width:760px){
  .blog-index-page .journal-entry{grid-template-columns:minmax(0,1fr) 26px;column-gap:14px;row-gap:0}
  .blog-index-page .journal-visual{grid-column:1 / -1;grid-row:1;width:100%;margin-bottom:25px}
  .blog-index-page .journal-visual .content-window-bar{padding:10px 14px}
  .blog-index-page .journal-diagram{height:126px}
  .blog-index-page .journal-entry-copy{grid-column:1;grid-row:2}
  .blog-index-page .journal-arrow{grid-column:2;grid-row:2}
  .blog-index-page .journal-read{grid-column:1;grid-row:3;margin-top:20px}
}

/* Source: kontakt.css */
/* KRESIO / samostatný kontakt v materiálu stávajících skleněných oken. */
.contact-page{background:radial-gradient(ellipse 65% 60% at 84% 30%,#78879b0e,transparent 75%),var(--bg)}
.contact-grid{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(90deg,#c6d1de09 1px,transparent 1px);background-size:calc(100% / 3) 100%;mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent)}
.contact-header{position:sticky;top:24px;z-index:100;display:flex;align-items:center;gap:28px;width:min(1280px,calc(100% - 96px));min-height:70px;margin:24px auto 0;padding:14px 25px;border:1px solid #e0e5ef3b;border-radius:13px;background:linear-gradient(125deg,#67768912,#15191ee8 55%,#6776890c);backdrop-filter:blur(28px) saturate(.75);-webkit-backdrop-filter:blur(28px) saturate(.75);box-shadow:inset 0 1px 0 #ffffff0d,0 16px 60px #0003}
.contact-brand{display:block;flex:0 0 140px}
.contact-brand img{width:140px;height:auto;filter:brightness(0) invert(1)}
.contact-header-label{margin-right:auto;font:9px/1.5 var(--font-tech);letter-spacing:.12em;color:#a1aab7}
.contact-page-nav{display:flex;align-items:center;gap:26px;margin-left:auto}
.contact-page-nav a{display:inline-flex;align-items:center;gap:11px;min-height:40px;font-size:12px;line-height:1.5;color:#ccd2db;white-space:nowrap;transition:color .25s}
.contact-page-nav a:hover{color:#fff}
.contact-page-nav a>span{font-size:18px;line-height:1}
.contact-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);gap:60px;align-items:start;width:min(1280px,calc(100% - 96px));margin:70px auto 65px;scroll-margin-top:125px}
.contact-copy{min-width:0;padding-top:8px}
.contact-copy>.eyebrow{display:block;margin-bottom:24px}
.contact-copy .contact-title{font-size:clamp(44px,4.15vw,60px);font-weight:400;line-height:1.07;letter-spacing:-.055em;white-space:normal;margin:0;overflow-wrap:break-word}
.contact-copy .contact-title>span{display:block;background:none;color:#939da9}
.contact-intro{max-width:345px;margin-top:28px;font-size:14px;line-height:1.8;color:#adb7c3;letter-spacing:-.01em}
.contact-details{margin:37px 0 0}
.contact-detail{position:relative;min-height:44px;padding-left:62px;margin:25px 0}
.contact-icon{position:absolute;left:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #c6cdd52e;border-radius:12px;background:linear-gradient(125deg,#b7c2cf0a,#1a1e251a);color:#c7d0da}
.contact-icon svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.contact-detail dt{margin:0 0 6px;font:9px/1.5 var(--font-tech);letter-spacing:.04em;color:#929eac}
.contact-detail dd{margin:0;color:#d7dee6;font-size:15px;line-height:1.7;letter-spacing:-.01em;overflow-wrap:anywhere}
.contact-detail dd address{font-style:normal}
.contact-detail dd a{display:inline-block;max-width:100%;transition:color .25s}
.contact-detail dd a:hover{color:#fff}
.contact-operator{max-width:460px;margin:8px 0 0;color:#c5ced6;font-size:13px;line-height:1.65}
.contact-caption{max-width:350px;margin-top:32px;font-size:11px;line-height:1.8;color:#929eac}
.contact-form-panel{min-width:0;overflow:hidden;scroll-margin-top:125px}
.contact-form-panel#formular{scroll-margin-top:0}
.contact-form-panel>.content-window-bar{position:relative;z-index:2;min-height:40px;padding:12px 29px;font-size:8px}
.contact-form{position:relative;z-index:2;padding:28px 32px 30px}
.contact-form .contact-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;border:0;padding:0;margin:0;min-width:0}
.contact-form .contact-honeypot{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.contact-demo a{text-decoration:underline;text-underline-offset:3px}
.contact-page:has(#contact-result:not([hidden])) #guide-launcher{visibility:hidden;pointer-events:none}
.contact-field{min-width:0}
.contact-field-full{grid-column:1 / -1}
.contact-form .contact-field label{display:block;margin:0 0 9px;font:10px/1.6 var(--font-tech);letter-spacing:.01em;color:#c3ccd7}
.contact-form .contact-field label>span{font-size:9px;color:#929eac}
.contact-form .contact-field input,.contact-form .contact-field select,.contact-form .contact-field textarea{display:block;width:100%;min-width:0;margin:0;padding:13px 15px;border:1px solid #d6e0ee2b;border-radius:12px;background:#ffffff05;color:#e5eaf0;font:13px/1.5 var(--font-ui);letter-spacing:0;box-shadow:inset 0 1px 0 #ffffff03}
.contact-form .contact-field input,.contact-form .contact-field select{height:48px}
.contact-form .contact-field select{padding-right:12px}
.contact-form .contact-field select option{background:#1e242c;color:#e5eaf0}
.contact-form .contact-field textarea{min-height:130px;max-height:300px;resize:vertical}
.contact-form .contact-field input::placeholder,.contact-form .contact-field textarea::placeholder{color:#818e9f;opacity:1}
.contact-form .contact-field input:focus-visible,.contact-form .contact-field select:focus-visible,.contact-form .contact-field textarea:focus-visible{outline-offset:3px;border-color:#c5ced9a6}
.contact-demo{margin:0;max-width:510px;font-size:10px;line-height:1.8;color:#97a5b6}
.contact-form-actions{display:flex;align-items:center;justify-content:flex-start;min-width:0}
.contact-submit{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:48px;max-width:100%;padding:13px 22px;border:1px solid #e5e8e4;border-radius:30px;background:#e5e8e4;color:#161b20;font:400 12px/1.5 var(--font-ui);text-align:center;transition:background .25s,border-color .25s}
.contact-submit>span{font-size:21px;line-height:1}
.contact-submit:hover{background:#fff;border-color:#fff}
.contact-submit:disabled{opacity:.55}
.contact-result{margin-top:25px;padding-top:22px;border-top:1px solid var(--line);scroll-margin-top:130px}
.contact-result p{margin:0;font-size:12px;line-height:1.8;color:#c2cdd9}
.contact-result .text-link{margin-top:12px;font-size:12px}
.contact-result:focus{outline:2px solid #e2e6ed;outline-offset:7px}
.contact-footer{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;width:min(1280px,calc(100% - 96px));margin:0 auto;padding:24px 0 30px;border-top:1px solid var(--line);font:8px/1.6 var(--font-tech);letter-spacing:.06em;color:#929eac}
.contact-footer a{display:inline-flex;align-items:center;min-height:36px;font-family:var(--font-ui);color:#bec8d4}
.contact-noscript{position:relative;z-index:2;margin:0 32px 30px;padding-top:20px;border-top:1px solid var(--line);font-size:12px;line-height:1.8;color:#c2cdd9}
.contact-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.contact-header{background:#171d24f5}}
@media(max-width:1100px){
  .contact-header-label{display:none}
  .contact-layout{gap:38px}
  .contact-copy .contact-title{font-size:46px}
  .contact-form{padding:25px}
  .contact-form-panel>.content-window-bar{padding-left:25px;padding-right:25px}
}
@media(max-width:1000px){
  .contact-layout{grid-template-columns:minmax(0,1fr);gap:45px;max-width:740px;margin-top:60px}
  .contact-copy{padding-top:0}
  .contact-copy .contact-title{font-size:clamp(44px,6vw,56px)}
  .contact-intro{max-width:510px}
  .contact-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 30px;margin-top:28px}
  .contact-detail{margin:12px 0}
  .contact-detail:last-child{grid-column:1 / -1}
  .contact-caption{max-width:510px;margin-top:22px}
  .contact-form{padding:30px}
  .contact-form-panel>.content-window-bar{padding-left:30px;padding-right:30px}
}
@media(max-width:600px){
  .contact-header{top:12px;width:calc(100% - 24px);min-height:60px;margin-top:12px;padding:10px 14px;gap:16px}
  .contact-brand{flex-basis:110px}
  .contact-brand img{width:110px}
  .contact-page-nav{gap:16px}
  .contact-page-nav a{gap:6px;font-size:10px;min-height:38px}
  .contact-page-nav a>span{font-size:15px}
  .contact-layout{width:calc(100% - 48px);margin-top:45px;margin-bottom:45px;gap:35px;scroll-margin-top:95px}
  .contact-copy>.eyebrow{font-size:8px;margin-bottom:20px}
  .contact-copy .contact-title{font-size:clamp(36px,8.8vw,48px);line-height:1.08;letter-spacing:-.05em}
  .contact-intro{margin-top:23px;font-size:12px;line-height:1.85}
  .contact-details{display:block;margin-top:28px}
  .contact-detail{min-height:40px;padding-left:55px;margin:22px 0}
  .contact-icon{width:40px;height:40px;border-radius:11px}
  .contact-icon svg{width:18px;height:18px}
  .contact-detail dt{font-size:8px;margin-bottom:4px}
  .contact-detail dd{font-size:14px;line-height:1.7}
  .contact-caption{font-size:10px;margin-top:24px}
  .contact-form-panel{scroll-margin-top:95px}
  .contact-form-panel>.content-window-bar{min-height:36px;padding:11px 19px;font-size:7px}
  .contact-form{padding:23px 19px 25px}
  .contact-form .contact-fields{grid-template-columns:minmax(0,1fr);gap:20px}
  .contact-form .contact-field label{font-size:9px;margin-bottom:8px}
  .contact-form .contact-field label>span{font-size:8px}
  .contact-form .contact-field input,.contact-form .contact-field select,.contact-form .contact-field textarea{padding:13px 12px;font-size:13px}
  .contact-form .contact-field textarea{min-height:140px}
  .contact-demo{font-size:9px;line-height:1.85}
  .contact-submit{width:100%;justify-content:space-between;padding:13px 16px;gap:15px;font-size:11px}
  .contact-result p{font-size:11px}
  .contact-result .text-link{font-size:11px}
  .contact-footer{width:calc(100% - 48px);font-size:7px;padding-top:20px}
  .contact-noscript{margin:0 19px 25px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){
  .contact-page-nav a,.contact-detail dd a,.contact-submit{transition:none}
}

/* Source: akcent.css */
/* KRESIO / jeden mátový akcent ve stávajícím černém a skleněném rozhraní. */
:root{--accent:#9dddc3;--accent-hover:#b9e9d6;--accent-ink:#15211d;--accent-line:#9dddc34d}
::selection{background:var(--accent);color:var(--accent-ink)}
:is(button,a,summary,input,textarea,select):focus-visible{outline-color:var(--accent)}
.hero-heading h1>span{background:none;color:var(--accent)}
.status-dot{background:var(--accent);box-shadow:0 0 12px #9dddc34d}
.hero-subline .text-link,.closing-contact-link,.contact-submit,.brief-submit{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.hero-subline .text-link:hover,.closing-contact-link:hover,.contact-submit:hover,.brief-submit:hover{background:var(--accent-hover);border-color:var(--accent-hover)}
.hero-subline .text-link>span{color:inherit}
.nav-word>span+span,.menu-links a:hover .nav-arrow,.contact-short>span,.text-link>span,.price-action>span,.journal-arrow,.article-back>span{color:var(--accent)}
.stage-controls>button.active,.stage-controls>button.active>span{color:var(--accent)}
.stage-progress>span{background:linear-gradient(90deg,#9dddc333,var(--accent))}
.stage-progress>span:after{background:var(--accent)}
.text-link:hover,.article-cta a{border-color:var(--accent-line)}
.signature-line[data-motion-region="signature"] .signature-flow,.legal-footer-nav[data-motion-region="signature"] .signature-flow{stroke:#9dddc3b3}
.service-list details[open] .service-no,.price-features svg,.price-expand,.web-common svg{color:var(--accent)}
.main-panel{border-top-color:#9dddc36b}
.study-windows .study-type{border-top-color:#9dddc380;border-left-color:#9dddc34d}
.price-window-bar[data-motion-region="pricing"]:after{background-image:linear-gradient(90deg,transparent 42%,#9dddc3b3 50%,transparent 58%)}
.closing{background:radial-gradient(ellipse at 80% 65%,#9dddc30e,transparent 55%)}
.contact-icon{color:var(--accent);border-color:var(--accent-line)}
.contact-page-nav a:hover,.contact-detail dd a:hover,.article-back:hover,.article-related>a:hover{color:var(--accent)}
.contact-form .contact-field :is(input,select,textarea):focus-visible{border-color:var(--accent)}
.contact-result:focus{outline-color:var(--accent)}
.article-kicker,.journal-read,.article-cta a>span{color:var(--accent)}
.blog-index-page .diagram-accent{stroke:var(--accent)}

/* Akcent pokračuje od úvodu přes obsah; identita modelové kavárny zůstává vlastní. */
.nav-shell,.contact-header,.article-header{border-top-color:#9dddc366;background-image:linear-gradient(115deg,#9dddc314,transparent 65%)}
.main-panel{background-image:linear-gradient(125deg,#9dddc31a,#1a1e2552 48%,#64708014)}
.content-glass{border-top-color:#9dddc352;background-image:linear-gradient(125deg,#9dddc31a,#1a1e2533 48%,#64708010)}
.content-window-bar{color:#bbdace;background-color:#9dddc30a}
.services-heading h2>span,.closing h2>span{color:var(--accent)}
.price-start,.web-price-value{color:var(--accent)}
.price-item[open]>.price-row{background:#9dddc307}
.system-preview{border-color:#9dddc34d;background:linear-gradient(135deg,#243b32,#141b1b)}
.crm-card{border-color:#9dddc32e;background:#9dddc309}
.crm-card>i{background:#9dddc373}
.booking-calendar .selected{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.signature-line>span{color:#a1cdb9}
.article-cta{border-top-color:#9dddc352}

/* Skutečné odkazy na odpovídající jazykovou verzi fungují také bez JS. */
a.language-switch{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:34px;min-height:36px;padding:5px 7px;border:1px solid #9dddc338;border-radius:7px;font:10px/1.5 var(--font-tech);letter-spacing:.06em;color:var(--accent);white-space:nowrap}
a.language-switch:hover{background:#9dddc312;border-color:var(--accent)}
@media(max-width:760px){.article-header{gap:12px}.article-header .language-switch{min-width:44px;min-height:44px;padding:5px}}
@media(max-width:600px){
  .article-header .article-back{font-size:10px;gap:6px}
  .article-header .article-back>span{font-size:15px}
  .contact-header{flex-wrap:wrap;row-gap:4px}
  .contact-page-nav{flex-basis:100%;justify-content:space-between;gap:12px}
  .contact-header .language-switch{position:absolute;right:14px;top:12px;min-width:30px}
}

/* Source: kontakt-okno.css */
/* KRESIO / kontakt nad původní stránkou, celý obsah z jednoho statického zdroje. */
body.contact-window-open{overflow:hidden}
#contact-dialog.contact-window{width:min(1280px,calc(100% - 48px));max-width:none;max-height:calc(100svh - 48px);margin:auto;padding:0;border:1px solid #9dddc359;border-radius:20px;background:linear-gradient(135deg,#21332bf7,#12191ff7 58%);color:#edf2ef;overflow:auto;overscroll-behavior:contain;box-shadow:inset 0 1px 0 #ffffff12,0 30px 120px #0009;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);text-align:left}
#contact-dialog.contact-window::backdrop{background:#050b0bb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
@media(prefers-reduced-motion:no-preference){
  html:not(.motion-off) #contact-dialog.contact-window[open]{transform-origin:center;animation:kresio-contact-open 320ms cubic-bezier(.22,1,.36,1) both}
  html:not(.motion-off) #contact-dialog.contact-window[open]::backdrop{animation:kresio-contact-backdrop-open 320ms ease-out both}
  @keyframes kresio-contact-open{
    from{opacity:0;transform:translateY(14px) scale(.94)}
    to{opacity:1;transform:none}
  }
  @keyframes kresio-contact-backdrop-open{
    from{opacity:0}
    to{opacity:1}
  }
}
#contact-dialog .contact-window-head{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:69px;padding:12px 29px;border-bottom:1px solid #9dddc32b;background:#192620f5;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}
#contact-dialog .contact-window-head .eyebrow{font:9px/1.6 var(--font-tech);letter-spacing:.1em;color:#b9d9c9}
#contact-dialog .contact-window-close{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;padding:0;border:1px solid #9dddc333;border-radius:12px;background:#9dddc306;color:#e8f1ed;font:300 29px/1 var(--font-ui);cursor:pointer}
#contact-dialog .contact-window-close:hover{background:#9dddc314;border-color:#9dddc380}
#contact-dialog .contact-layout{width:100%;max-width:none;margin:0;padding:32px;gap:40px;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);scroll-margin-top:0}
#contact-dialog .contact-copy{padding-top:7px}
#contact-dialog .contact-copy .contact-title{font-size:clamp(38px,3.8vw,54px);line-height:1.08;letter-spacing:-.055em;margin:0;font-weight:400;white-space:normal}
#contact-dialog .contact-copy .contact-title>span{color:var(--accent,#9dddc3)}
#contact-dialog .contact-copy .contact-title:focus{outline:none}
#contact-dialog .contact-copy>.eyebrow{font:8px/1.6 var(--font-tech);margin-bottom:25px;letter-spacing:.1em}
#contact-dialog .contact-intro{font-size:13px;margin-top:25px}
#contact-dialog .contact-details{margin-top:30px}
#contact-dialog .contact-detail{margin:23px 0}
#contact-dialog .contact-detail dd{font-size:14px}
#contact-dialog .contact-caption{font-size:9px;margin-top:28px}
#contact-dialog .contact-form-panel{scroll-margin-top:80px}
#contact-dialog .contact-form{padding:25px}
#contact-dialog .contact-form-panel>.content-window-bar{padding-left:25px;padding-right:25px}
#contact-dialog .contact-form .contact-fields{gap:19px}
#contact-dialog .contact-form .contact-field label{font-size:9px}
#contact-dialog .contact-form .contact-field input,#contact-dialog .contact-form .contact-field select,#contact-dialog .contact-form .contact-field textarea{font-size:12px;padding:12px}
#contact-dialog .contact-form .contact-field input,#contact-dialog .contact-form .contact-field select{height:45px}
#contact-dialog .contact-form .contact-field textarea{min-height:120px}
#contact-dialog .contact-demo{font-size:9px}
#contact-dialog .contact-submit{font-size:12px;min-height:46px}
#contact-dialog .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#contact-dialog .contact-window-status{padding:40px 32px;font:13px/1.8 var(--font-ui);color:#c6d7ce}
#contact-dialog .contact-window-status p{margin:0 0 20px}
#contact-dialog .contact-window-status .text-link{display:inline-flex;margin-left:22px;font-size:12px}
#contact-dialog .contact-window-retry{padding:11px 18px;border:1px solid #9dddc34d;border-radius:25px;color:var(--accent,#9dddc3);background:#9dddc30c;font:12px/1.5 var(--font-ui)}
#contact-dialog :is(a,button,input,select,textarea):focus-visible{outline:2px solid var(--accent,#9dddc3);outline-offset:3px}
@media(max-width:1050px){
  #contact-dialog .contact-layout{grid-template-columns:minmax(0,1fr);gap:30px}
  #contact-dialog .contact-copy .contact-title{font-size:44px}
  #contact-dialog .contact-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}
  #contact-dialog .contact-detail{margin:0;padding-left:52px}
  #contact-dialog .contact-detail:last-child{grid-column:auto}
  #contact-dialog .contact-detail dd{font-size:12px}
  #contact-dialog .contact-caption{margin-top:20px}
}
@media(max-width:600px){
  #contact-dialog.contact-window{width:calc(100% - 24px);max-height:calc(100svh - 24px);border-radius:16px}
  #contact-dialog .contact-window-head{min-height:62px;padding:10px 17px}
  #contact-dialog .contact-window-head .eyebrow{font-size:8px}
  #contact-dialog .contact-window-close{width:40px;height:40px}
  #contact-dialog .contact-layout{padding:23px 17px;gap:26px}
  #contact-dialog .contact-copy>.eyebrow{margin-bottom:17px;font-size:7px}
  #contact-dialog .contact-copy .contact-title{font-size:clamp(31px,8.5vw,43px)}
  #contact-dialog .contact-intro{font-size:12px;margin-top:20px}
  #contact-dialog .contact-details{display:block;margin-top:24px}
  #contact-dialog .contact-detail{margin:19px 0}
  #contact-dialog .contact-detail dd{font-size:13px}
  #contact-dialog .contact-caption{font-size:8px}
  #contact-dialog .contact-form{padding:22px 16px}
  #contact-dialog .contact-form-panel>.content-window-bar{padding:11px 16px;font-size:7px}
  #contact-dialog .contact-form .contact-fields{gap:19px;grid-template-columns:minmax(0,1fr)}
  #contact-dialog .contact-form .contact-field input,#contact-dialog .contact-form .contact-field select,#contact-dialog .contact-form .contact-field textarea{font-size:13px}
  #contact-dialog .contact-form .contact-field textarea{min-height:140px}
  #contact-dialog .contact-submit{font-size:11px;justify-content:space-between;min-height:47px}
  #contact-dialog .contact-window-status{padding:30px 20px}
  #contact-dialog .contact-window-status .text-link{display:flex;margin:17px 0 0}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){#contact-dialog.contact-window{background:#17231e}}
@media(prefers-reduced-motion:reduce){#contact-dialog.contact-window,#contact-dialog.contact-window *{animation:none;transition:none;scroll-behavior:auto}}

/* Source: blog-okno.css */
/* KRESIO / přehled a články v jednom skleněném okně. */
body.blog-window-open{overflow:hidden}
#blog-dialog.blog-window{width:min(1180px,calc(100% - 48px));max-width:none;max-height:calc(100svh - 48px);margin:auto;padding:0;border:1px solid #9dddc359;border-radius:20px;background:linear-gradient(135deg,#21332bf7,#12191ff7 58%);color:#edf2ef;overflow:auto;overscroll-behavior:contain;box-shadow:inset 0 1px 0 #ffffff12,0 30px 120px #0009;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);text-align:left}
#blog-dialog.blog-window::backdrop{background:#050b0bb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
@media(prefers-reduced-motion:no-preference){
  html:not(.motion-off) #blog-dialog.blog-window[open]{transform-origin:center;animation:kresio-blog-open 320ms cubic-bezier(.22,1,.36,1) both}
  html:not(.motion-off) #blog-dialog.blog-window[open]::backdrop{animation:kresio-blog-backdrop-open 320ms ease-out both}
  @keyframes kresio-blog-open{
    from{opacity:0;transform:translateY(14px) scale(.94)}
    to{opacity:1;transform:none}
  }
  @keyframes kresio-blog-backdrop-open{
    from{opacity:0}
    to{opacity:1}
  }
}
#blog-dialog .blog-window-head{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:69px;padding:12px 29px;border-bottom:1px solid #9dddc32b;background:#192620f5;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}
#blog-dialog .blog-window-head .eyebrow{font:9px/1.6 var(--font-tech);letter-spacing:.1em;color:#b9d9c9;white-space:nowrap}
#blog-dialog .blog-window-actions{display:flex;align-items:center;gap:22px;min-width:0}
#blog-dialog .blog-window-back{min-height:40px;padding:5px 0;font:12px/1.5 var(--font-ui);color:#b8d8c8;background:none;border:0;text-align:left;cursor:pointer}
#blog-dialog .blog-window-back[hidden]{display:none}
#blog-dialog .blog-window-close{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;padding:0;border:1px solid #9dddc333;border-radius:12px;background:#9dddc306;color:#e8f1ed;font:300 29px/1 var(--font-ui);cursor:pointer}
#blog-dialog .blog-window-close:hover{background:#9dddc314;border-color:#9dddc380}
#blog-dialog .blog-window-view{padding:35px 38px 40px}
#blog-dialog .blog-index-main,#blog-dialog .article-main{width:100%;max-width:none;margin:0}
#blog-dialog .blog-index-heading{margin:0 0 20px;gap:35px}
#blog-dialog .blog-index-heading .article-title{font:400 clamp(36px,4vw,58px)/1.08 var(--font-ui);letter-spacing:-.055em;margin:0;white-space:normal}
#blog-dialog .blog-index-heading .article-title>span{color:var(--accent,#9dddc3)}
#blog-dialog .blog-index-heading>p{font-size:12px;line-height:1.8;max-width:230px}
#blog-dialog .article-kicker{color:var(--accent,#9dddc3);font:9px/1.6 var(--font-tech);letter-spacing:.1em}
#blog-dialog .journal-entry{padding:31px 0;column-gap:30px;grid-template-columns:minmax(180px,210px) minmax(0,1fr) 30px}
#blog-dialog .journal-entry-copy h2{font:300 clamp(26px,2.6vw,37px)/1.17 var(--font-ui);letter-spacing:-.045em;margin:0;white-space:normal}
#blog-dialog .journal-entry p{font-size:12px;line-height:1.75;margin:17px 0 0}
#blog-dialog .journal-entry .journal-read{color:var(--accent,#9dddc3);font-size:8px}
#blog-dialog .diagram-accent{stroke:var(--accent,#9dddc3)}
#blog-dialog .article-main{grid-template-columns:130px minmax(0,1fr);gap:40px}
#blog-dialog .article-rail{position:sticky;top:95px;font-size:8px}
#blog-dialog .article-content{max-width:760px}
#blog-dialog .article-content>.article-title,#blog-dialog .article-content>header>.article-title{font:400 clamp(34px,3.5vw,52px)/1.1 var(--font-ui);letter-spacing:-.05em;margin:0;white-space:normal}
#blog-dialog .article-title:focus{outline:none}
#blog-dialog .article-lead{font-size:18px;line-height:1.75;margin:24px 0}
#blog-dialog .article-meta{font-size:8px;margin-bottom:32px}
#blog-dialog .article-section{margin:30px 0}
#blog-dialog .article-section h2{font:400 26px/1.25 var(--font-ui);letter-spacing:-.035em;margin:0 0 14px;white-space:normal}
#blog-dialog .article-section p{font-size:15px;line-height:1.9;margin:14px 0}
#blog-dialog .article-cta{margin-top:35px;padding:25px 0;border-color:#9dddc333}
#blog-dialog .article-cta p{font-size:13px;line-height:1.85}
#blog-dialog .article-cta a{font-size:13px;color:var(--accent,#9dddc3);border-color:#9dddc34d}
#blog-dialog .article-related>a{font-size:14px}
#blog-dialog .blog-window-status{padding:40px 32px;font:13px/1.8 var(--font-ui);color:#c6d7ce}
#blog-dialog .blog-window-status p{margin:0 0 20px}
#blog-dialog .blog-window-status .text-link{display:inline-flex;margin-left:22px;font-size:12px}
#blog-dialog .blog-window-retry{padding:11px 18px;border:1px solid #9dddc34d;border-radius:25px;color:var(--accent,#9dddc3);background:#9dddc30c;font:12px/1.5 var(--font-ui);cursor:pointer}
#blog-dialog :is(a,button):focus-visible{outline:2px solid var(--accent,#9dddc3);outline-offset:3px}
@media(max-width:900px){
  #blog-dialog .article-main{grid-template-columns:minmax(0,1fr);gap:0}
  #blog-dialog .article-rail{display:none}
  #blog-dialog .article-content{max-width:none}
}
@media(max-width:760px){
  #blog-dialog .blog-window-view{padding:28px}
  #blog-dialog .blog-index-heading{display:block;margin-bottom:12px}
  #blog-dialog .blog-index-heading>p{margin-top:20px;font-size:12px}
  #blog-dialog .journal-entry{grid-template-columns:minmax(0,1fr) 26px;column-gap:14px;padding:27px 0}
  #blog-dialog .journal-entry-copy h2{font-size:30px}
}
@media(max-width:600px){
  #blog-dialog.blog-window{width:calc(100% - 24px);max-height:calc(100svh - 24px);border-radius:16px}
  #blog-dialog .blog-window-head{min-height:62px;padding:10px 16px;gap:12px}
  #blog-dialog .blog-window-head .eyebrow{font-size:7px;letter-spacing:.06em}
  #blog-dialog .blog-window-actions{gap:12px}
  #blog-dialog .blog-window-back{font-size:10px;max-width:115px}
  #blog-dialog .blog-window-close{width:40px;height:40px}
  #blog-dialog .blog-window-view{padding:26px 19px 30px}
  #blog-dialog .blog-index-heading .article-title{font-size:clamp(30px,8vw,42px)}
  #blog-dialog .article-kicker{font-size:7px;letter-spacing:.07em;margin-bottom:18px}
  #blog-dialog .journal-entry-copy h2{font-size:27px}
  #blog-dialog .journal-entry p{font-size:11px}
  #blog-dialog .article-content>header>.article-title{font-size:clamp(29px,8vw,40px)}
  #blog-dialog .article-lead{font-size:16px;line-height:1.8}
  #blog-dialog .article-meta{gap:10px 16px;font-size:7px;margin-bottom:28px}
  #blog-dialog .article-section h2{font-size:23px}
  #blog-dialog .article-section p{font-size:14px;line-height:1.9}
  #blog-dialog .article-cta p,#blog-dialog .article-cta a{font-size:12px}
  #blog-dialog .article-related{grid-template-columns:minmax(0,1fr);gap:22px}
  #blog-dialog .article-related>a+ a{text-align:left}
  #blog-dialog .blog-window-status{padding:30px 20px}
  #blog-dialog .blog-window-status .text-link{display:flex;margin:17px 0 0}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){#blog-dialog.blog-window{background:#17231e}}
@media(prefers-reduced-motion:reduce){#blog-dialog.blog-window,#blog-dialog.blog-window *{animation:none;transition:none;scroll-behavior:auto}}

/* Právní dokumenty sdílejí sklo, pohyb i ovládání článků. */
#blog-dialog .legal-window-nav{display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px;margin-left:auto;font:12px/1.5 var(--font-ui)}
#blog-dialog .legal-window-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;color:#b5c8bf;border-bottom:1px solid transparent}
#blog-dialog .legal-window-nav a[aria-current="page"]{color:#e9f2ed;border-color:#9dddc3}
#blog-dialog .legal-window-nav a:hover{color:#fff}
#blog-dialog .legal-window-language{min-width:34px;font:10px var(--font-tech)}
#blog-dialog .legal-window-view .article-main{grid-template-columns:170px minmax(0,1fr);gap:35px}
#blog-dialog .legal-window-view .article-rail{top:90px}
#blog-dialog .legal-window-view .article-rail a{min-height:36px}
#blog-dialog .legal-window-view .article-section{scroll-margin-top:100px}
#blog-dialog .legal-window-view .article-section:focus{outline:none}
@media(max-width:900px){#blog-dialog .legal-window-view .article-main{display:block}}
@media(max-width:600px){
  #blog-dialog.legal-window .blog-window-head{flex-wrap:wrap;row-gap:0}
  #blog-dialog.legal-window .blog-window-actions{margin-left:auto}
  #blog-dialog .legal-window-nav{order:3;flex-basis:100%;margin:0;gap:8px 22px;font-size:12px}
  #blog-dialog .legal-window-nav a{min-height:38px}
}

/* Source: pruvodce.css */
/* KRESIO / průvodce výběrem, bez vlastní animační smyčky. */
body.guide-open{overflow:hidden}
#guide-launcher{position:fixed;right:var(--guide-inset,var(--pad,24px));bottom:calc(var(--guide-bottom,116px) + env(safe-area-inset-bottom,0px));z-index:95;display:flex;align-items:center;gap:11px;min-height:58px;max-width:240px;padding:7px 16px 7px 7px;border:1px solid #9dddc34d;border-radius:20px;background:linear-gradient(135deg,#263c35f2,#151d21f5);color:#edf5f1;box-shadow:inset 0 1px 0 #ffffff12,0 12px 36px #0006;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-family:var(--font-ui,Manrope,Arial,sans-serif);text-align:left;cursor:pointer}
.contact-page{--guide-inset:max(48px,calc((100% - 1280px)/2))}
.article-page{--guide-inset:max(32px,calc((100% - 1120px)/2))}
#guide-launcher:hover{border-color:#9dddc399;background:#24372ff5}
#guide-launcher.is-context-hidden{visibility:hidden;pointer-events:none}
#guide-launcher .kresio-guide-avatar{position:relative;display:block;width:44px;height:44px;flex-shrink:0}
#guide-launcher .kresio-guide-avatar svg{display:block;width:100%;height:100%}
#guide-launcher .kresio-guide-badge{position:absolute;top:-2px;right:-2px;display:grid;place-items:center;width:17px;height:17px;border:2px solid #1b2823;border-radius:50%;background:#e3f3ec;color:#15211d;font:500 10px/1 var(--font-ui,Arial,sans-serif)}
#guide-launcher .kresio-guide-launcher-copy{display:block}
#guide-launcher .kresio-guide-launcher-copy strong{display:block;font-size:12px;line-height:1.5;font-weight:400}
#guide-launcher .kresio-guide-launcher-copy small{display:block;margin-top:2px;color:#a8bdb3;font-size:10px;line-height:1.4}
body.overlay-open #guide-launcher,body.guide-open #guide-launcher{display:none}
.kresio-guide-context{box-sizing:border-box;display:flex;align-items:center;gap:11px;width:max-content;max-width:100%;min-height:58px;margin:0 0 24px auto;padding:7px 16px 7px 7px;border:1px solid #9dddc34d;border-radius:20px;background:linear-gradient(135deg,#263c35f2,#151d21f5);color:#edf5f1;box-shadow:inset 0 1px 0 #ffffff12,0 12px 36px #0006;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-family:var(--font-ui,Manrope,Arial,sans-serif);text-align:left;cursor:pointer}
.kresio-guide-context:hover{border-color:#9dddc399;background:#24372ff5}
.kresio-guide-context-avatar{position:relative;display:block;width:44px;height:44px;flex-shrink:0}
.kresio-guide-context-avatar svg{display:block;width:100%;height:100%}
.kresio-guide-context-badge{position:absolute;top:-2px;right:-2px;display:grid;place-items:center;width:17px;height:17px;border:2px solid #1b2823;border-radius:50%;background:#e3f3ec;color:#15211d;font:500 10px/1 var(--font-ui,Arial,sans-serif)}
.kresio-guide-context-copy{display:block;min-width:0}
.kresio-guide-context-copy strong{display:block;font-size:12px;line-height:1.5;font-weight:400}
.kresio-guide-context-copy small{display:block;margin-top:2px;color:#a8bdb3;font-size:10px;line-height:1.4}
#guide-dialog{box-sizing:border-box;width:min(620px,calc(100% - 32px));max-width:none;max-height:calc(100svh - 40px);margin:auto;padding:0;overflow:auto;border:1px solid #9dddc352;border-radius:20px;background:linear-gradient(145deg,#25332ff7,#131b21fa 55%);color:#edf2ef;box-shadow:inset 0 1px 0 #ffffff14,0 30px 120px #0009;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);font-family:var(--font-ui,Manrope,Arial,sans-serif);text-align:left;overscroll-behavior:contain}
#guide-dialog *,#guide-dialog *:before,#guide-dialog *:after{box-sizing:border-box}
#guide-dialog::backdrop{background:#050b0baf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
#guide-dialog .kresio-guide-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:76px;padding:14px 23px;border-bottom:1px solid #cbd8d51a;background:#1a2723f5;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}
#guide-dialog .kresio-guide-head-mark{display:flex;align-items:center;gap:12px;min-width:0}
#guide-dialog .kresio-guide-head-mark svg{display:block;width:39px;height:39px;flex-shrink:0}
#guide-dialog .kresio-guide-name{font:9px/1.6 var(--font-tech,'JetBrains Mono',monospace);letter-spacing:.09em;color:#b9d9ca}
#guide-dialog .kresio-guide-close{display:grid;place-items:center;width:42px;height:42px;min-width:42px;padding:0;border:1px solid #c5ded426;border-radius:12px;background:#ffffff04;color:#e4eee9;font:300 27px/1 var(--font-ui,Arial,sans-serif);cursor:pointer}
#guide-dialog .kresio-guide-close:hover{background:#9dddc310;border-color:#9dddc36b}
#guide-dialog .kresio-guide-body{padding:25px 30px 30px}
#guide-dialog .kresio-guide-step{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#9fb4a9;font:9px/1.6 var(--font-tech,'JetBrains Mono',monospace);letter-spacing:.06em}
#guide-dialog .kresio-guide-tracks{display:flex;gap:5px}
#guide-dialog .kresio-guide-tracks i{display:block;width:27px;height:2px;background:#c6d5cd26}
#guide-dialog .kresio-guide-tracks i.is-active{background:#9dddc3}
#guide-dialog .kresio-guide-title{font-size:32px;font-weight:400;line-height:1.15;letter-spacing:-.045em;margin:21px 0 13px;color:#eef4f0;white-space:normal;overflow-wrap:break-word}
#guide-dialog .kresio-guide-title:focus{outline:none}
#guide-dialog .kresio-guide-intro{margin:0 0 24px;font-size:13px;line-height:1.75;letter-spacing:0;color:#aabdb2;max-width:none}
#guide-dialog .kresio-guide-result-name{font-size:17px;line-height:1.5;color:#9dddc3;margin-bottom:22px}
#guide-dialog .kresio-guide-choices{display:grid;gap:10px}
#guide-dialog .kresio-guide-choice{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:74px;margin:0;padding:16px 18px;border:1px solid #c8ddd62b;border-radius:12px;background:#ffffff04;color:#e9f0ec;text-align:left;font-family:inherit;cursor:pointer}
#guide-dialog .kresio-guide-choice:hover{border-color:#9dddc37a;background:#9dddc30b}
#guide-dialog .kresio-guide-choice-copy{min-width:0}
#guide-dialog .kresio-guide-choice-copy strong{display:block;font-size:14px;line-height:1.5;font-weight:400;overflow-wrap:break-word}
#guide-dialog .kresio-guide-choice-copy small{display:block;margin-top:4px;font-size:11px;line-height:1.65;color:#a0b2a9;overflow-wrap:break-word}
#guide-dialog .kresio-guide-choice-arrow{flex-shrink:0;font-size:22px;line-height:1;color:#9dddc3}
#guide-dialog .kresio-guide-back{display:inline-flex;align-items:center;justify-content:center;min-height:42px;margin:15px 0 0;padding:8px 0;border:0;background:none;color:#acbfb4;font:12px/1.5 var(--font-ui,Arial,sans-serif);text-align:left;cursor:pointer}
#guide-dialog .kresio-guide-back:hover{color:#e0f4e9}
#guide-dialog .kresio-guide-outline-label{display:block;margin:0 0 10px;color:#b9d0c3;font:9px/1.6 var(--font-tech,'JetBrains Mono',monospace);letter-spacing:.025em}
#guide-dialog .kresio-guide-outline{display:block;width:100%;min-width:0;min-height:164px;max-height:280px;margin:0;padding:14px 16px;border:1px solid #9dddc333;border-radius:12px;background:#050c0a38;color:#c8d7cf;font:12px/1.7 var(--font-ui,Manrope,Arial,sans-serif);letter-spacing:0;resize:vertical}
#guide-dialog .kresio-guide-notice{margin:16px 0 0;color:#b7cbbf;font-size:11px;line-height:1.7}
#guide-dialog .kresio-guide-preserve{margin:5px 0 0;color:#8fa99b;font-size:10px;line-height:1.7}
#guide-dialog .kresio-guide-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px 23px;margin-top:24px}
#guide-dialog .kresio-guide-primary{display:inline-flex;align-items:center;justify-content:center;min-height:46px;max-width:100%;margin:0;padding:12px 22px;border:1px solid #9dddc3;border-radius:28px;background:#9dddc3;color:#15211d;font:400 12px/1.5 var(--font-ui,Manrope,Arial,sans-serif);white-space:normal;text-align:center;cursor:pointer}
#guide-dialog .kresio-guide-primary:hover{background:#b9e9d6;border-color:#b9e9d6}
#guide-dialog .kresio-guide-actions .kresio-guide-back{margin:0}
#guide-dialog :is(button,textarea):focus-visible,#guide-launcher:focus-visible,.kresio-guide-context:focus-visible{outline:2px solid #9dddc3;outline-offset:4px}
.kresio-guide-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){#guide-launcher,.kresio-guide-context{background:#1c3027}#guide-dialog{background:#18221e}}
@media(max-width:760px){#guide-launcher{bottom:calc(148px + env(safe-area-inset-bottom,0px))}}
@media(max-width:600px){
  .contact-page,.article-page{--guide-inset:24px}
  #guide-launcher{width:48px;min-height:48px;max-width:48px;padding:2px;border-radius:17px}
  #guide-launcher .kresio-guide-avatar{width:42px;height:42px}
  #guide-launcher .kresio-guide-launcher-copy{display:none}
  #guide-launcher .kresio-guide-badge{right:-2px;top:-2px}
  .kresio-guide-context{width:48px;min-height:48px;max-width:48px;padding:2px;border-radius:17px}
  .kresio-guide-context-avatar{width:42px;height:42px}
  .kresio-guide-context-copy{display:none}
  #guide-dialog{width:calc(100% - 32px);max-height:calc(100svh - 28px);border-radius:17px}
  #guide-dialog .kresio-guide-head{padding:12px 15px;min-height:68px}
  #guide-dialog .kresio-guide-head-mark{gap:9px}
  #guide-dialog .kresio-guide-head-mark svg{width:34px;height:34px}
  #guide-dialog .kresio-guide-name{font-size:8px;letter-spacing:.045em}
  #guide-dialog .kresio-guide-close{width:40px;height:40px;min-width:40px}
  #guide-dialog .kresio-guide-body{padding:21px 20px 23px}
  #guide-dialog .kresio-guide-title{font-size:27px;margin-top:18px}
  #guide-dialog .kresio-guide-intro{font-size:12px;margin-bottom:20px}
  #guide-dialog .kresio-guide-result-name{font-size:16px}
  #guide-dialog .kresio-guide-choice{padding:13px 14px;gap:12px;min-height:72px}
  #guide-dialog .kresio-guide-choice-copy strong{font-size:13px}
  #guide-dialog .kresio-guide-choice-copy small{font-size:10px}
  #guide-dialog .kresio-guide-outline{font-size:11px;min-height:180px;padding:12px}
  #guide-dialog .kresio-guide-actions{gap:7px 18px;margin-top:21px}
  #guide-dialog .kresio-guide-primary{padding:12px 17px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){#guide-launcher,.kresio-guide-context,#guide-dialog,#guide-dialog *{animation:none;transition:none;scroll-behavior:auto}}

/* Source: legal.css */
/* Právní informace: čitelný dokument a společné odkazy v patičkách. */
.operator-line{grid-column:1 / -1;flex-basis:100%;width:100%;margin:4px 0 0;padding:0;font:12px/1.55 var(--font-ui);letter-spacing:0;text-align:center;color:#c5ced6;text-wrap:pretty}
.legal-footer-nav{position:relative;grid-column:1 / -1;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 26px;flex-basis:100%;width:100%;padding-top:12px;border-top:1px solid var(--line);font:11px/1.6 var(--font-ui);letter-spacing:0;color:#aab6be}
.legal-footer-nav[data-motion-region="signature"]>.legal-footer-rule{position:absolute;top:-1px;left:0;display:block;width:100%;height:2px;overflow:visible;pointer-events:none}
.legal-footer-nav a{display:inline-flex;align-items:center;min-height:44px;max-width:100%;overflow-wrap:anywhere}
.legal-footer-nav a:hover{color:#fff}
.legal-footer-nav a[aria-current="page"]{color:#d5e9df}
.legal-page .article-main{grid-template-columns:200px minmax(0,740px);gap:60px}
.legal-page .article-title{max-width:740px;font-size:clamp(40px,4.7vw,64px)}
.legal-page .article-lead{font-size:19px}
.legal-page .language-switch{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:34px;min-height:44px;padding:5px 7px;border:1px solid #9dddc338;border-radius:7px;font:10px/1.5 var(--font-tech);color:#b6d6c6}
.legal-page .language-switch:hover{background:#9dddc312;border-color:#b6d6c6}
.legal-page .article-rail a{display:block;min-height:36px;padding:9px 0;color:#afbac5;letter-spacing:.02em}
.legal-page .article-rail a:hover{color:#fff}
.legal-page .article-rail>span{color:#9bbbad}
.legal-page .article-section{scroll-margin-top:125px}
.legal-page .article-section a{color:#d2e8dc;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.legal-page .article-section address{font-style:normal;color:#b6c0cd;font-size:16px;line-height:1.85}
.legal-notice{margin:30px 0 40px;padding:22px 25px;border:1px solid #a6d2bd40;border-radius:14px;background:linear-gradient(115deg,#a9d3be0c,#ffffff03);box-shadow:inset 0 1px 0 #ffffff05}
.legal-notice>span{display:block;margin-bottom:10px;font:9px/1.6 var(--font-tech);letter-spacing:.1em;color:#b6d6c6}
.legal-notice p{font-size:14px;line-height:1.8;color:#b7c5ca}
.legal-page .article-meta{margin-bottom:32px}
.legal-page .article-section h2{font-size:26px}
.legal-page .article-section ul{padding-left:22px;color:#b6c0cd;font-size:16px;line-height:1.85}
.legal-page .article-section li+li{margin-top:8px}
.legal-page .article-footer{align-items:center}
@media(max-width:900px){.legal-page .article-main{display:block}.legal-page .article-header-label{display:none}}
@media(max-width:600px){
  .legal-footer-nav{justify-content:flex-start;gap:0 22px;padding-top:10px;font-size:11px}
  .legal-page .article-title{font-size:clamp(34px,9vw,48px)}
  .legal-page .article-lead{font-size:17px}
  .legal-page .article-header{gap:10px}
  .legal-page .article-back{font-size:10px;gap:6px}
  .legal-page .article-logo{flex-basis:94px}
  .legal-page .article-logo img{width:94px}
  .legal-notice{padding:19px 20px;margin:24px 0 32px}
  .legal-notice p{font-size:13px}
  .legal-page .article-section h2{font-size:24px}
  .legal-page .article-section ul,.legal-page .article-section address{font-size:15px}
}

/* Source: responzivni.css */
/* Dotykové ovládání hostitelského KRESIO; samostatné ukázky tento styl nenačítají. */
@media (max-width: 1024px), (pointer: coarse) {
  #contact-dialog .contact-window-close,
  #blog-dialog .blog-window-close,
  #guide-dialog .kresio-guide-close {
    width: 44px;
    min-width: 44px;
    height: 44px;
  }

  a.language-switch,
  .nav-actions .language-switch,
  .article-header .language-switch,
  .contact-header .language-switch {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
  }

  .stage-controls > button,
  #guide-dialog .kresio-guide-back,
  #blog-dialog .blog-window-back,
  #motion-toggle,
  .footer > a {
    min-height: 44px;
  }

  /* Čitelné editovatelné texty i při fokusu na telefonu a tabletu. */
  .contact-form .contact-field input,
  .contact-form .contact-field select,
  .contact-form .contact-field textarea,
  #contact-dialog .contact-form .contact-field input,
  #contact-dialog .contact-form .contact-field select,
  #contact-dialog .contact-form .contact-field textarea,
  #guide-dialog .kresio-guide-outline {
    font-size: 16px;
  }

  .contact-form .contact-field input,
  .contact-form .contact-field select,
  #contact-dialog .contact-form .contact-field input,
  #contact-dialog .contact-form .contact-field select {
    height: 48px;
    padding: 10px 12px;
  }
}

@media (max-width: 760px) {
  /* Odstup od Menu drží mezera v .nav-actions, ne vnější okraj přepínače. */
  .nav-actions .language-switch { margin-right: 0; }
}