@font-face{font-family:Gotham;src:url('assets/gotham-medium.otf');font-weight:400;font-display:swap}@font-face{font-family:Gotham;src:url('assets/gotham-bold.otf');font-weight:700;font-display:swap}
:root{--bg:#241b16;--panel:#35281f;--ink:#f4f0e7;--muted:#cbbbae;--accent:#d79767;--paper:#efede5;--dark:#3c2a1e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Gotham,Arial,sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #eb896d;outline-offset:5px}button{color:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}p{margin:0 0 20px}h1,h2,h3{font-weight:700;line-height:1.12;letter-spacing:-.045em}h1{font-size:clamp(42px,4.6vw,72px)}h2{font-size:clamp(34px,3.6vw,54px);margin-bottom:40px;max-width:1100px}h3{font-size:26px;letter-spacing:-.025em;margin-bottom:20px}em{font-style:normal;color:var(--accent)}h1>span,h2>span,.identity span{color:var(--accent)}.wrap{width:min(1280px,calc(100% - 96px));margin:auto}.section{padding-top:110px;padding-bottom:110px}.light{background:var(--paper);color:var(--dark)}.light em{color:#986042}.light p{color:#746252}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:32px;padding:22px 3.4%;background:#241b16f5;border-bottom:1px solid #ffffff18;backdrop-filter:blur(18px)}.identity{font-size:17px;line-height:1.25;white-space:nowrap}.identity strong{font-size:24px}.site-header nav{display:flex;gap:25px;margin-left:auto;font-size:15px}.site-header nav a{padding:8px 0}.button{display:inline-flex;align-items:center;justify-content:center;padding:15px 23px;background:var(--accent);color:#242d26;border:1px solid transparent;border-radius:7px;font-weight:700;font-size:16px;line-height:1.5;transition:transform .25s,background .25s}.button:hover{background:#ffb397;transform:translateY(-3px)}.menu-toggle{display:none}.skip{position:fixed;left:20px;top:-100px;z-index:50;background:var(--paper);color:var(--dark);padding:15px}.skip:focus{top:10px}.hero{max-width:1600px;margin:auto;display:grid;grid-template-columns:1.05fr 1fr;min-height:760px}.hero-copy{padding:70px 7% 70px 10%}.hero-copy h1{margin-bottom:30px}.hero-copy p{max-width:570px;color:var(--muted)}.hero-definition{font-size:21px;line-height:1.5;color:var(--ink)!important}.actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:32px}.text-link{border:0;background:none;border-bottom:1px solid currentColor;padding:9px 0;display:inline-block;font-size:16px}.hero-visual{position:relative;overflow:hidden;margin:26px 26px 26px 0;border-radius:14px;min-height:580px}.hero-visual img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:58% center;transition:opacity .5s;animation:photo-drift 13s ease-in-out infinite alternate}.hero-visual img.fading{opacity:0}.hero-visual:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#101c18d9);pointer-events:none}.hero-caption{position:absolute;z-index:1;bottom:35px;left:32px;right:25px;font-size:25px;line-height:1.45;text-shadow:0 2px 15px #0008}.benefits,.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:36px}.benefits h3,.steps h3{font-size:23px}.icon{font-size:42px;display:block;margin-bottom:24px;color:#a45d43}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{padding:36px;background:var(--panel);border:1px solid #ffffff15;border-radius:12px;display:flex;flex-direction:column;align-items:flex-start}.card p{color:var(--muted)}.card .text-link,.pricing .button{margin-top:auto}.number{display:block;color:var(--accent);font-size:36px;margin-bottom:28px;line-height:1}.capability{background:#3c2d22}.split{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.checklist{list-style:none;padding:0;margin:0 0 25px}.checklist li{padding:12px 0 12px 32px;position:relative}.checklist li:before{content:'✓';position:absolute;left:0;color:var(--accent)}.feature-demo{background:var(--paper);color:var(--dark);border-radius:14px;padding:25px;box-shadow:0 20px 60px #0002}.demo-tabs{display:flex;gap:5px;flex-wrap:wrap;border-bottom:1px solid #3c2a1e33;padding-bottom:17px}.demo-tabs button{border:0;background:none;padding:10px 13px;border-radius:6px;font-size:16px}.demo-tabs button[aria-selected=true]{background:var(--dark);color:var(--paper)}#feature-panel{min-height:270px;padding:28px 0}.demo-explain{font-size:16px;border-top:1px solid #3c2a1e33;padding-top:16px;margin:0}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.gallery-item{background:#e1d5c8;border:0;border-radius:8px;aspect-ratio:1/1.25;font-size:16px;padding:12px}.gallery-item span{display:block;font-size:36px;margin-top:10px}.gallery-large{height:250px;background:#e1d5c8;color:var(--dark);display:grid;place-items:center;border-radius:8px;margin:25px 0}.price-row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #3c2a1e33;padding:14px 0;margin-bottom:15px}#demo-edit label{display:block}#demo-edit input{width:100%;padding:13px;margin:8px 0 14px;border:1px solid #aa8e78;border-radius:5px;background:white;color:var(--dark)}#demo-status{margin-top:12px}.steps{margin-top:60px}.steps article{border-top:1px solid #ffffff33;padding-top:28px}.steps p{color:var(--muted)}.aftercare{border-top:1px solid #ffffff25;margin:45px 0 0;padding-top:25px;color:var(--muted);max-width:950px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:50px}.work-grid>article{min-width:0}.wire-preview{background:white;border:1px solid #c5cfc4;border-radius:10px;overflow:hidden;min-height:320px;box-shadow:0 15px 30px #3c2a1e0a}.wire-top{padding:19px 24px;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;font-size:16px}.wire-body{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:30px 24px;align-items:center}.wire-body h3{font-size:30px}.wire-photo{height:130px;background:#e1d5c8;border-radius:50% 50% 6px 6px;display:grid;place-items:center;font-size:16px;text-align:center;padding:12px}.wire-lines{display:flex;gap:12px;padding:0 24px 25px}.wire-lines span{height:30px;width:33%;background:#e9dfd3;border-radius:5px}.demo-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:23px}.demo-links a{padding:10px 0;border-bottom:1px solid #a38c77;font-size:16px}.compare-stage{height:320px;position:relative;overflow:hidden;border-radius:10px;border:1px solid #bbc6b6;isolation:isolate}.after,.before{position:absolute;inset:0}.after{background:#493021;color:#f6efe5;padding:27px}.after h3{font-size:36px;position:relative;z-index:1;margin-top:24px}.compare-photo{position:absolute;right:25px;top:86px;width:37%;height:135px;background:#b29477;border-radius:60% 60% 4px 4px;display:grid;place-items:center;color:#493223;font-size:16px}.fake-button{display:inline-block;background:#e9b396;color:#3c2a1e;padding:10px 15px;border-radius:5px;font-size:16px}.before{background:#fff;clip-path:inset(0 50% 0 0)}.before-inner{padding:24px;color:#4b4b4b;font-family:Georgia,serif}.before-inner strong{font-size:17px;color:#365b99}.before-inner p{font-size:16px;margin-top:12px}.before-inner h3{font-family:Georgia,serif;font-size:22px;letter-spacing:0;margin:20px 0 0}.old-image{background:#e4e4e4;padding:10px;width:120px;font-size:16px}.compare-divider{position:absolute;top:0;bottom:0;left:50%;width:3px;background:var(--accent)}.compare-divider:after{content:'↔';position:absolute;top:45%;left:-18px;background:var(--accent);border-radius:100%;width:40px;height:40px;text-align:center;font-size:26px;color:#241b16}label[for=compare-range]{display:block;margin-top:20px;font-size:16px}#compare-range{width:100%;margin:15px 0;accent-color:#8b5039;min-height:30px}.range-labels{display:flex;justify-content:space-between;gap:25px;font-size:16px}.intro{max-width:720px;font-size:20px;margin-bottom:38px}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}details{border-bottom:1px solid #3c2a1e40}summary{display:flex;align-items:center;justify-content:space-between;gap:25px;list-style:none;cursor:pointer;font-size:20px;padding:24px 0;line-height:1.4}summary::-webkit-details-marker{display:none}summary span{font-size:28px;transition:transform .25s}details[open] summary span{transform:rotate(45deg)}details p{padding-bottom:15px}.contact{background:#3d2a1e}.contact h2{max-width:1000px}.contact>div>p{max-width:750px;font-size:20px}.contact-choices{display:flex;gap:15px;flex-wrap:wrap;margin:35px 0 45px}.contact-choices a{padding:14px 20px;border:1px solid #ffffff50;border-radius:6px}.contact-choices a:hover{background:#ffffff10}.email{display:block;font-size:clamp(19px,3.2vw,43px);letter-spacing:-.04em;margin-bottom:22px;overflow-wrap:anywhere}.contact #copy-status{display:block;margin-top:12px}footer{padding-top:65px;padding-bottom:30px;color:var(--muted);font-size:16px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr .8fr;gap:45px;margin-bottom:40px}.footer-claim{font-size:22px;color:var(--ink)}footer a{overflow-wrap:anywhere}footer button{background:none;border:0;display:block;padding:0 0 18px;text-align:left;font-size:16px}#cookie-bar{position:fixed;z-index:30;bottom:18px;left:24px;right:24px;max-width:950px;margin:auto;padding:20px 25px;background:#f7f4ec;color:#3c2a1e;box-shadow:0 5px 40px #0005;border:1px solid #cccfc1;border-radius:12px;display:flex;align-items:center;gap:25px;font-size:16px}#cookie-bar[hidden]{display:none}#cookie-bar p{margin:3px 0 0;line-height:1.5}#cookie-bar button{background:none;border:0;text-decoration:underline;font-size:16px;min-height:44px}#cookie-bar #cookie-close{background:#3c2a1e;color:white;border-radius:5px;text-decoration:none;padding:10px 18px}dialog{border:0;border-radius:12px;width:min(740px,calc(100% - 30px));max-height:85dvh;padding:55px 35px 35px;background:var(--paper);color:var(--dark)}dialog::backdrop{background:#0b1812b8;backdrop-filter:blur(5px)}dialog h2{font-size:35px}dialog h3{font-size:23px;margin-top:25px}dialog a{text-decoration:underline}#close-dialog{position:absolute;right:17px;top:10px;border:0;background:none;font-size:32px;min-width:44px;min-height:44px}.reveal{transition:opacity .7s,transform .7s}.reveal.waiting{opacity:0;transform:translateY(24px)}.reveal.visible{opacity:1;transform:none}@keyframes photo-drift{from{transform:scale(1)}to{transform:scale(1.06)}}
@media(min-width:1100px){.hero-copy h1{animation:heading-enter .8s both}@keyframes heading-enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}}
@media(max-width:1150px){.header-cta{display:none}.hero-copy{padding:55px 7%}.wrap{width:calc(100% - 64px)}.hero{min-height:700px}.hero-visual{margin-right:20px}.benefits,.steps{gap:24px}.card{padding:25px}.split{gap:35px}.faq{gap:40px}.site-header nav{font-size:15px}.hero-caption{font-size:22px;left:25px}}
@media(max-width:800px){html{scroll-padding-top:90px}.site-header{padding:17px 24px;justify-content:space-between}.identity{font-size:15px}.identity strong{font-size:21px}.menu-toggle{display:block;background:none;border:1px solid #ffffff40;border-radius:5px;padding:8px 13px}.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;background:#241b16;padding:15px 24px 25px;box-shadow:0 15px 20px #0003}.site-header nav.open{display:flex;flex-direction:column;gap:2px;font-size:18px}.site-header nav a{padding:12px}.hero{display:flex;flex-direction:column}.hero-copy{padding:45px 24px 35px}.hero-copy h1{max-width:650px;font-size:clamp(42px,7vw,62px)}.hero-copy p{max-width:650px}.hero-visual{height:440px;min-height:0;margin:0 24px 35px}.hero-visual img{object-position:50% 40%}.hero-caption{bottom:25px}.wrap{width:calc(100% - 48px)}.section{padding-top:70px;padding-bottom:70px}.benefits,.steps{grid-template-columns:1fr 1fr;gap:35px}.cards{grid-template-columns:1fr}.card{padding:30px}.card .text-link{margin-top:10px}.split,.faq{grid-template-columns:1fr;gap:30px}.split h2{margin-bottom:25px}.work-grid{grid-template-columns:1fr;gap:50px}.work-grid>article{max-width:650px;width:100%}.footer-grid{grid-template-columns:1fr;gap:20px}.footer-claim{max-width:550px}.contact-choices{margin-bottom:30px}.faq h2{margin-bottom:10px}.pricing .card{min-height:0}.hero-definition{font-size:19px}#cookie-bar{left:12px;right:12px;bottom:12px;gap:12px;flex-wrap:wrap;padding:16px}#cookie-bar>div{flex:1 0 100%}#cookie-bar button{margin-left:0}#cookie-bar #cookie-close{margin-left:auto}.hero-copy p{font-size:17px}.hero-copy .hero-definition{font-size:19px}.range-labels{font-size:15px}.after h3{font-size:32px}}
@media(max-width:400px){.wrap{width:calc(100% - 36px)}.hero-copy{padding-left:18px;padding-right:18px}.hero-visual{margin-left:18px;margin-right:18px;height:350px}.site-header{padding-left:18px;padding-right:18px}h1,.hero-copy h1{font-size:40px}h2{font-size:32px}h3{font-size:24px}.benefits,.steps{grid-template-columns:1fr}.feature-demo{padding:17px}.demo-tabs button{padding:10px 8px;font-size:15px}.gallery{gap:6px}.gallery-item{font-size:14px;padding:6px}.card{padding:24px}.hero-caption{font-size:21px;left:20px}.wire-body{padding:25px 17px}.wire-body h3{font-size:24px}.wire-photo{font-size:14px}.contact-choices{display:grid}.after{padding:22px}.after h3{font-size:28px}.compare-photo{right:17px;font-size:14px}.before-inner{padding:20px}.actions{gap:16px}dialog{padding:55px 22px 25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal.waiting{opacity:1;transform:none}}
.split>*,.faq>*,.cards>*,.benefits>*,.steps>*,.footer-grid>*{min-width:0}.gallery-item{min-width:0;overflow-wrap:anywhere}.demo-tabs button{flex:1;padding-left:7px;padding-right:7px}.checklist li{overflow-wrap:break-word}

/* Vector identity shared across the homepage and model sites. */
.identity,.guide .studio-logo{display:flex;flex-direction:column;align-items:flex-start;gap:0;flex-shrink:0;width:172px;text-decoration:none}.identity img,.guide .studio-logo img{display:block;width:166px;height:auto}.identity .brand-caption,.guide .studio-logo .brand-caption{display:block;font-size:14px;line-height:1.4;font-weight:400;letter-spacing:.025em;color:#f4f0e7;margin-left:4px;white-space:nowrap}.site-header{padding-top:14px;padding-bottom:14px}@media(max-width:800px){.identity{width:155px}.identity img{width:146px}.identity .brand-caption{font-size:13px}.site-header{padding-top:11px;padding-bottom:11px}}

/* WebyFachman.cz: local concept, craft crest. */
.identity,.guide .studio-logo{width:188px;align-items:center}.identity img,.guide .studio-logo img{width:188px;height:auto;max-width:100%}.site-header{padding-top:5px;padding-bottom:5px}.site-header nav{gap:20px}@media(max-width:800px){.identity{width:150px}.identity img{width:150px}.site-header{padding-top:5px;padding-bottom:5px}html{scroll-padding-top:105px}}