/* content pages (service, area, work, legal) + the site footer shared with the home page.
   Brand anchors only: same wordmark, pink and fonts on every page, independent of the home page's generated design. */
:root{--brand:#ff3d7f;--ink:#121212;--ink2:#1c1c1c;--paper:#f6f4f1;--mute:#5d5d5d;--fbrand:'Bricolage Grotesque','Manrope',system-ui,sans-serif;--fd:'Bricolage Grotesque','Manrope',system-ui,sans-serif;--fb:'Manrope',system-ui,sans-serif;--fm:'JetBrains Mono',ui-monospace,monospace}
.lang-ru{--fd:'Inter Tight','Manrope',system-ui,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--paper);color:var(--ink);font:400 17px/1.65 var(--fb);-webkit-font-smoothing:antialiased}
a{color:inherit}
img{max-width:100%;display:block}
.bwsmark{display:inline-flex;align-items:center;font:800 21px/1 var(--fbrand);letter-spacing:-.04em;text-decoration:none;white-space:nowrap}
.bwsmark i{width:.5em;height:.5em;border-radius:50%;background:var(--brand);margin-right:.22em;flex:none}
.bwsmark b{font-weight:500;margin-left:.22em;opacity:.7;letter-spacing:-.02em}
/* hero */
.phero{position:relative;isolation:isolate;color:#fff;background:#111 center/cover no-repeat;min-height:min(86vh,780px);display:flex;flex-direction:column}
.phero::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,10,10,.55) 0%,rgba(10,10,10,.45) 40%,rgba(10,10,10,.86) 100%)}
.phero.plain,.phero.case{min-height:0;background:var(--ink)}
.phero.plain::before,.phero.case::before{display:none}
.pnav{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px clamp(20px,5vw,64px)}
.pnbtn{font:700 14px var(--fb);text-decoration:none;padding:11px 18px;border-radius:99px;background:rgba(255,255,255,.12);backdrop-filter:blur(8px);white-space:nowrap}
.pnbtn:hover{background:var(--brand);color:#111}
.phin{margin-top:auto;padding:clamp(40px,8vw,96px) clamp(20px,5vw,64px) clamp(44px,7vw,88px);max-width:1080px}
.phero.plain .phin,.phero.case .phin{padding-top:clamp(36px,6vw,72px)}
.peb{display:inline-block;font:500 12px/1 var(--fm);letter-spacing:.14em;text-transform:uppercase;padding:8px 12px;border-radius:99px;background:rgba(0,0,0,.4);backdrop-filter:blur(6px);margin-bottom:20px}
.phero.case .peb{background:rgba(255,255,255,.1)}
.phero h1{font:800 clamp(38px,6.4vw,84px)/.98 var(--fd);letter-spacing:-.035em;max-width:16ch;text-shadow:0 2px 30px rgba(0,0,0,.35);overflow-wrap:break-word;hyphens:auto}
.phero.plain h1,.phero.case h1{max-width:none}
.plead{margin-top:22px;max-width:640px;font-size:clamp(17px,1.6vw,21px);line-height:1.5;opacity:.92;text-shadow:0 1px 18px rgba(0,0,0,.4)}
.pbtns{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.pb1,.pb2{display:inline-flex;align-items:center;padding:15px 24px;border-radius:99px;font:700 15px var(--fb);text-decoration:none}
.pb1{background:var(--brand);color:#111}
.pb2{border:1.5px solid currentColor}
.pb1:hover{filter:brightness(1.08)}.pb2:hover{background:rgba(255,255,255,.12)}
/* body */
.pmain{max-width:820px;margin:0 auto;padding:clamp(40px,7vw,90px) clamp(20px,5vw,40px) clamp(20px,4vw,40px)}
.blk+.blk{margin-top:clamp(36px,5vw,56px)}
.blk h2{font:800 clamp(26px,3.2vw,38px)/1.08 var(--fd);letter-spacing:-.03em;margin-bottom:16px}
.blk p+p{margin-top:14px}
.blk p,.blk li{color:#2a2a2a}
.ck{list-style:none;display:grid;gap:10px;margin-top:6px}
.ck li{position:relative;padding-left:30px}
.ck li::before{content:'+';position:absolute;left:4px;top:-1px;color:var(--brand);font:800 22px/1.2 var(--fbrand)}
.pupd{margin-top:48px;font:500 13px var(--fm);color:var(--mute)}
.lang-ru .phero h1,.lang-pl .phero h1{letter-spacing:-.025em}
/* case screenshot */
.pshot{display:block;margin:0 0 clamp(40px,6vw,64px);background:#0c0c0c;border-radius:16px;padding:9px;text-decoration:none;color:#fff;box-shadow:0 40px 80px -36px rgba(0,0,0,.55)}
.pshot .pbar{display:flex;align-items:center;gap:6px;padding:4px 6px 10px}.pshot .pbar i{width:9px;height:9px;border-radius:50%;background:#444}
.pshot .pbar u{margin-left:10px;text-decoration:none;font:500 12px var(--fm);opacity:.65}
.pshot .pscr{display:block;height:min(62vh,560px);overflow:hidden;border-radius:7px;background:#222}
.pshot .pscr img{width:100%;animation:pscroll 26s ease-in-out infinite alternate}
@keyframes pscroll{0%,8%{transform:translateY(0)}92%,100%{transform:translateY(calc(-100% + min(62vh,560px)))}}
.pshot b{display:block;padding:14px 8px 6px;font:700 15px var(--fb);color:var(--brand)}
/* faq */
.bwsfaq{padding:clamp(30px,5vw,60px) clamp(20px,5vw,40px) clamp(50px,7vw,90px)}
.bwsfaq .fqin{max-width:820px;margin:0 auto}
.bwsfaq h2{font:800 clamp(28px,4vw,48px)/1 var(--fd);letter-spacing:-.03em;margin-bottom:20px}
.bwsfaq details{border-top:1px solid rgba(0,0,0,.14);padding:16px 0}
.bwsfaq details:last-child{border-bottom:1px solid rgba(0,0,0,.14)}
.bwsfaq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;font:700 clamp(17px,1.6vw,20px)/1.35 var(--fb)}
.bwsfaq summary::-webkit-details-marker{display:none}
.bwsfaq summary::after{content:'+';flex:none;width:22px;text-align:center;font:800 22px/1 var(--fbrand);color:var(--brand);transition:transform .2s}
.bwsfaq details[open] summary::after{transform:rotate(45deg)}
.bwsfaq details p{margin-top:10px;max-width:680px;color:#333}
/* cta */
.pcta{background:var(--ink);color:#fff;text-align:center;padding:clamp(56px,9vw,120px) clamp(20px,5vw,40px)}
.pcta h2{font:800 clamp(32px,5vw,64px)/1 var(--fd);letter-spacing:-.035em;max-width:18ch;margin:0 auto}
.pcta p{max-width:560px;margin:18px auto 0;opacity:.8}
.pcta .pbtns{justify-content:center}
/* language switcher (same look as the home page) */
.bwslang{position:fixed;left:18px;bottom:18px;z-index:59;display:flex;gap:2px;padding:5px;background:#111;border-radius:999px;box-shadow:0 18px 50px -12px rgba(0,0,0,.55);font:800 12px/1 var(--fbrand)}
.bwslang a{color:#fff;opacity:.6;padding:8px 9px;border-radius:99px;text-decoration:none;letter-spacing:.02em}.bwslang a:hover{opacity:1}
.bwslang a.on{opacity:1;background:var(--brand);color:#111}
@media (max-width:700px){.bwslang{left:10px;bottom:10px}.bwslang a{padding:9px 7px}.pnbtn{padding:10px 14px;font-size:13px}}
@media (prefers-reduced-motion:reduce){.pshot .pscr img{animation:none}}