/* White-first Kazena design system. Navigation remains semantic links, styled as substantial buttons. */
:root{color-scheme:light;--brand:#fff;--paper:#fff;--ink:#17122b;--ink-2:#51475f;--ink-3:#6e6480;--muted:#6e6480;--accent:#a92b70;--magenta:#c93d82;--card:#f7f5f8;--sunk:#f4f1f6;--rule:#ddd5e3;--rule-soft:#ebe5ee;--pad:clamp(22px,5vw,76px)}
body,body:not(.studio-home){background:#fff;color:#17122b;padding:0}html{scroll-padding-top:108px}.wrap{width:min(calc(100% - var(--pad)*2),1240px);padding-inline:0;margin-inline:auto}h1,h2,h3,h4{color:#17122b}.eyebrow,.ad-kicker{color:#7c3864}::selection{background:#eed1e2;color:#17122b}body :focus-visible{outline:3px solid #c93d82;outline-offset:4px}
body .topbar{position:sticky;inset:0 0 auto;background:#fffffff5;border-bottom:1px solid #e7e0eb;width:100%;height:auto;padding:0;backdrop-filter:blur(12px)}body .topbar .header-inner,body:not(.studio-home) .topbar .row{display:flex;flex-direction:row;align-items:center;gap:20px;min-height:90px;width:min(calc(100% - var(--pad)*2),1240px);padding:0;margin-inline:auto}body .topbar .brand{font-size:32px;flex:none;margin:0;color:#17122b}.brand-dot{color:#c93d82}body .topbar nav,body:not(.studio-home) .global-nav{display:flex;position:static;flex-direction:row;align-items:center;gap:8px;background:none;margin:0 0 0 auto;padding:0;border:0;width:auto}body .topbar nav a,body:not(.studio-home) .global-nav a{font:600 13px/1.3 Manrope,Arial,sans-serif;min-height:44px;padding:12px 16px;color:#362843;background:#f7f5f8;border:1px solid #ded5e5;border-radius:7px;justify-content:center;text-decoration:none;letter-spacing:0;text-transform:none;box-shadow:0 2px 0 #ddd5e3}body .topbar nav a:hover{background:#eee6f1;border-color:#bca5c7;transform:translateY(-1px)}body .topbar nav .nav-contact,body:not(.studio-home) .global-nav .nav-contact{background:#b32c74;color:#fff;border-color:#a22468;padding-inline:22px;margin:0 0 0 8px;box-shadow:0 3px 0 #801d51}body .topbar .lang,body:not(.studio-home) .topbar .lang{margin:0;gap:1px;flex:none}body .lang button{color:#6e6480}body .lang button.on{color:#17122b;text-decoration-color:#c93d82}.menu-btn,.global-menu{display:none}
body .btn,body .btn.solid,body .btn.sm,body a.route-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:#b32c74;color:#fff;border:1px solid #9e2565;border-radius:7px;font:650 14px/1.4 Manrope,Arial,sans-serif;text-decoration:none;letter-spacing:0;text-transform:none;min-height:52px;padding:15px 24px;box-shadow:0 4px 0 #7f1e50;cursor:pointer;transition:background .15s,transform .15s,box-shadow .15s}body .btn:hover,body .btn.solid:hover,body a.route-button:hover{background:#99225f;border-color:#882054;transform:translateY(-2px);box-shadow:0 6px 0 #6e1846}body .btn:active,body a.route-button:active{transform:translateY(2px);box-shadow:0 1px 0 #6e1846}body .btn.secondary,body .btn.ghost{background:#fff;color:#17122b;border-color:#b9a9c4;box-shadow:0 3px 0 #d9cfe0}body .btn.secondary:hover,body .btn.ghost:hover{background:#f6f0f7;color:#17122b;border-color:#8f729f}body .btn.ink{background:#17122b;border-color:#17122b;color:#fff;box-shadow:0 4px 0 #07050f}body .btn .arr{display:block}.btn:disabled{opacity:.6;transform:none;cursor:wait}
body input,body textarea,body select,body .tool-page input[type=number],body .tool-page input[type=email],body .tool-page input[type=text],body .tool-page textarea{background:#fff;color:#17122b;border:1px solid #b9a9c4;border-radius:6px}body label{color:#352640}body .privacy-note{color:#6e6480}body .privacy-note a{color:#6c2652}.contact-people strong{color:#17122b}.contact-people span{color:#51475f}.social-icon{color:#17122b;background:#fff;border:1px solid #b9a9c4;border-radius:7px;box-shadow:0 2px 0 #ddd5e3}.social-icon:hover{background:#f4e6ee;color:#8e215a}.skip-link{background:#17122b;color:#fff}body .detail-back{background:#f7f5f8;border:1px solid #cbbdd4;border-radius:6px;color:#51475f;text-decoration:none;padding:10px 16px;min-height:42px;align-items:center}
body main.detail-page{max-width:1240px;padding-inline:0}body .detail-hero{border-color:#ddd5e3}body:not(.studio-home) .detail-hero h1{color:#17122b;font-size:clamp(36px,3.8vw,54px);letter-spacing:-.04em}body .detail-hero .ad-intro{color:#51475f}body .detail-action{background:#f8f3f7;color:#17122b;border:1px solid #d6c4d7;border-top:4px solid #c93d82;border-radius:8px}body .detail-action .ad-caption{color:#62546e}body .detail-action .btn.solid{background:#b32c74;border-color:#a22468;color:#fff}.detail-action .action-title{color:#17122b}body .detail-sidebar{top:120px;background:#faf8fb;border:1px solid #ded5e5;border-radius:8px}body .detail-sidebar>p{color:#6e6480}body .detail-sidebar a{background:#fff;color:#4e3c5c;border:1px solid #ded5e5;border-radius:5px;padding:11px 12px;margin-top:7px;text-decoration:none;font-size:12px}body .detail-sidebar a:hover{background:#f0e6f2;color:#17122b}body .detail-copy section{border-color:#ddd5e3}body .detail-copy h2,body .detail-copy h3,body .detail-copy .sv-list strong,body .detail-copy .sv-faq h3{color:#17122b}body .detail-copy p,body .detail-copy li{color:#51475f}body .detail-copy .sv-list li,body .detail-copy .sv-case{background:#faf8fb;border:1px solid #ded5e5;border-radius:7px}body .detail-copy .ad-fast,body .detail-copy .ad-next{background:#f7f0f5;border-color:#d6bfd0;border-radius:8px}body .detail-copy .ad-fast p{color:#58354e}body .detail-copy .sv-status{color:#72516e}body .detail-copy .sv-list a,body .detail-copy .ad-links a,body .footer-pages a,body:not(.studio-home)>footer>a{display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#593466;border:1px solid #bda7c7;border-radius:5px;padding:10px 14px;margin:4px 4px 4px 0;min-height:42px;text-decoration:none;font-size:13px;box-shadow:0 2px 0 #e0d5e5}body .detail-copy .ad-links{display:flex;flex-wrap:wrap}.gd-project-preview{color:#17122b!important;background:#f7f2f6!important;border-color:#d6bfd0!important}body:not(.studio-home)>footer{border-color:#ddd5e3;color:#6e6480}
body .tool-page .lc-kicker{color:#8d3166}body .tool-page .lc-intro,body .tool-page .lc-lead,body .tool-page .lc-field small{color:#51475f}body .tool-page>section{padding:30px 0;border-top:1px solid #ddd5e3;margin-top:30px}body .tool-page>section:first-of-type,body .tool-page .lc-base,body .tool-page .lc-leak,body .tool-page .mc-inputs{background:#faf8fb;padding:24px;border:1px solid #ded5e5;border-radius:8px}body .tool-page h2{font-size:30px;margin:0 0 24px}body .tool-page input[type=checkbox]{accent-color:#b32c74}body .tool-page .lc-side-title{color:#8d3166}body .tool-page .lc-verdict[data-worth=false]{background:#f4ebf2;color:#513449}.lc-rank li{color:#17122b}.lc-check{color:#17122b}
#form{background:#fff;border:1px solid #d5c7de;border-top:4px solid #c93d82;border-radius:9px;padding:28px;box-shadow:0 10px 35px #2512320a}#form h3{font-size:27px;color:#17122b}#form-helper{color:#6e6480;font-size:14px;margin:14px 0 25px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}#form input,#form textarea{width:100%;margin-bottom:20px}#form textarea{min-height:135px}#form-note{font-size:14px;margin-top:15px}#form-note[data-state=error]{color:#a92043}#form-note[data-state=success]{color:#245b3a}.contact-form-section{padding-top:0!important;border-top:0!important}
@media(max-width:1050px){body .topbar .header-inner,body:not(.studio-home) .topbar .row{gap:12px}body .topbar nav a,body:not(.studio-home) .global-nav a{font-size:12px;padding:11px 10px}body .topbar nav .nav-contact,body:not(.studio-home) .global-nav .nav-contact{padding-inline:12px;margin-left:0}body .topbar .brand{font-size:28px}}
@media(max-width:900px){body .topbar .header-inner,body:not(.studio-home) .topbar .row{min-height:76px;gap:14px}body .topbar .lang,body:not(.studio-home) .topbar .lang{margin-left:auto}body .topbar .menu-btn,body .topbar .global-menu{display:flex;background:#fff;border:1px solid #b9a9c4;color:#17122b;border-radius:6px;flex:none}.menu-btn span{background:#17122b}body .topbar nav,body:not(.studio-home) .global-nav{display:none;position:absolute;top:75px;left:0;right:0;width:100%;margin:0;padding:20px var(--pad);background:#fff;border-bottom:1px solid #d5c7de;flex-direction:column;align-items:stretch;gap:10px}body .topbar.open nav,body:not(.studio-home) .topbar.open .global-nav{display:flex}body .topbar nav a,body:not(.studio-home) .global-nav a{font-size:15px;padding:15px}body .topbar nav .nav-contact,body:not(.studio-home) .global-nav .nav-contact{margin:2px 0 5px;padding:15px}body .detail-sidebar{position:static}body .detail-copy .ad-links a{width:100%}.form-row{grid-template-columns:1fr;gap:0}#form{padding:22px}body .tool-page h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){body .btn,body a.route-button{transition:none!important;transform:none!important}}
/* Override legacy per-body dark tokens on retained service and guide templates. */
body:not(.studio-home){color-scheme:light;--paper:#fff;--card:#f7f5f8;--sunk:#f4f1f6;--ink:#17122b;--ink-2:#51475f;--ink-3:#6e6480;--muted:#6e6480;--rule:#ddd5e3;--accent:#a92b70}body:not(.studio-home) .topbar{background:#fffffff5}body:not(.studio-home) label,body:not(.studio-home) .lc-check,body:not(.studio-home) .lc-check span{color:#352640}body:not(.studio-home) input[type],body:not(.studio-home) textarea,body:not(.studio-home) input[type]:focus-visible{background:#fff;color:#17122b;border-color:#b9a9c4}body:not(.studio-home) .ad-kicker,body:not(.studio-home) .sv-status,body:not(.studio-home) .sv-more{color:#7c3864}body #back-link,body #back,body:not(.studio-home) .detail-back{color:#51475f;background:#f7f5f8;border:1px solid #cbbdd4;border-radius:6px;text-decoration:none;padding:10px 16px;box-shadow:0 2px 0 #ddd5e3}body:not(.studio-home) .social-icon{color:#17122b;background:#fff;border-color:#b9a9c4}body:not(.studio-home) .lc-verdict[data-worth=false]{background:#f4ebf2;color:#513449}body:not(.studio-home) .lc-field small,body:not(.studio-home) .leak-page .mc-inputs .lc-field small{color:#6e6480}body .detail-copy p>a{display:inline-flex;align-items:center;min-height:40px;padding:8px 13px;border:1px solid #bda7c7;background:#fff;color:#593466;border-radius:5px;text-decoration:none;margin:4px 0}body .detail-copy .privacy-note a{padding:3px 7px;min-height:32px;font-size:12px}body .detail-copy .gd-company a{color:#593466}

body .topbar nav a[aria-current=page],body:not(.studio-home) .global-nav a[aria-current=page]{background:#ede2ef;border-color:#a785b5;color:#512858}
body:not(.studio-home) .footer-pages>a:not(.social-icon),body:not(.studio-home) .footer-pages>a:not(.social-icon):hover{color:#593466;background:#fff}
body:not(.studio-home) .contact-people a{color:#17122b;background:#faf8fb;border-color:#d6c4d7}
body:not(.studio-home) .contact-people a span,body:not(.studio-home) .contact-people a strong{color:#17122b}
/* V2 balance: warm canvas, ink project stage and a branded connected-system illustration. */
body,body:not(.studio-home){background:#faf7f2}
body .topbar{background:#faf7f2f5;border-bottom-color:#dfd7df}
.hero{padding-block:60px;gap:65px}.hero-copy{max-width:590px}.hero h1{font-size:clamp(42px,4.6vw,64px)}
.solution-chooser{position:relative;padding:28px 30px;background:#17122b;border:1px solid #41334e;box-shadow:0 20px 45px #17122b24;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.solution-chooser .system-label{grid-column:1/-1;font-size:10px;letter-spacing:.1em;color:#d0bbcf;margin:0;text-transform:uppercase}
.brand-system{grid-column:1/-1;position:relative;height:180px;margin:3px 0 8px;background:radial-gradient(ellipse at center,#63334e55,transparent 68%)}
.brand-system:not(.motion-stage) svg{width:100%;height:100%;stroke:#9a7e9f;stroke-width:1.5}.brand-system:not(.motion-stage) rect{fill:#251c36;stroke:#76617f}.brand-system .system-wire{stroke:#b66a99}
.system-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:102px;height:102px;border:1px solid #b66a99;border-radius:22px;background:#21182f;box-shadow:0 0 0 10px #35243c,0 0 40px #c93d8220}.system-core img{width:58px;height:58px}
.system-dot{position:absolute;width:7px;height:7px;background:#ec97c3;border-radius:50%;box-shadow:0 0 12px #c93d82}.dot-one{top:28%;left:22%}.dot-two{bottom:27%;right:22%}
.solution-chooser h2{grid-column:1/-1;font-size:25px;margin:0}.solution-chooser>p:not(.system-label){grid-column:1/-1;margin:0 0 9px}.solution-chooser>a{margin:0;font-size:12px;min-height:55px;padding:12px}.solution-chooser>a.chooser-all{grid-column:1/-1;min-height:43px}
body .home-proof{background:#17122b;border-color:#372b43;padding-block:62px}.home-proof .proof-intro h2{color:#faf7f2}.home-proof .proof-intro>.eyebrow{color:#e8a4cb}.home-proof .proof-card{background:#faf7f2;border-color:#665071;box-shadow:0 18px 45px #08051144}.home-proof .home-marketing{background:#251c36;border-color:#5f496d}.home-proof .home-marketing h3{color:#faf7f2}.home-proof .home-marketing p{color:#d0c5d8}
body .closing-cta{padding-block:74px}.closing-cta h2{max-width:22ch}
body .site-footer{background:#17122b;border-top:3px solid #c93d82}.site-footer .footer-top .brand{color:#faf7f2}.site-footer .footer-top>p,.site-footer .footer-bottom{color:#cbbdd5}.site-footer .footer-bottom{border-color:#564260}.site-footer .footer-short a.route-button{background:#2a2039;color:#faf7f2;border-color:#766180;box-shadow:0 3px 0 #090610}.site-footer .social-icon{background:#faf7f2}
body .detail-action{background:#17122b;border-color:#51405f;border-top-color:#c93d82}body .detail-action .action-title{color:#faf7f2}body .detail-action .ad-caption{color:#d1c5dc}
body .service,body .tools-grid article{background:#fffdf9}body .page-intro{border-left:4px solid #c93d82;padding-left:28px;margin-top:40px;padding-top:20px;padding-bottom:20px}
@media(prefers-reduced-motion:no-preference){.brand-system .system-wire{stroke-dasharray:500;animation:connect-system 2.2s ease-out both}.system-core{animation:core-arrive 1.1s cubic-bezier(.22,1,.36,1) both}.system-dot{animation:signal-arrive 3s ease-out both}.dot-two{animation-delay:.3s}@keyframes connect-system{from{stroke-dashoffset:500;opacity:.2}to{stroke-dashoffset:0;opacity:1}}@keyframes core-arrive{from{opacity:0;transform:translate(-50%,-50%) scale(.88)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes signal-arrive{0%,25%{opacity:0}45%{opacity:1;box-shadow:0 0 22px #ec97c3}100%{opacity:1;box-shadow:0 0 12px #c93d82}}}
@media(max-width:1000px){.hero{gap:32px}.solution-chooser{padding:23px}.brand-system{height:155px}.system-core{width:84px;height:84px}.system-core img{width:48px;height:48px}}
@media(max-width:700px){.hero{padding-block:35px}.solution-chooser{padding:24px;gap:12px}.brand-system{height:150px}.solution-chooser h2{font-size:24px}.home-proof .proof-intro h2{font-size:29px}.home-proof .home-marketing{padding:24px}.closing-cta{padding-block:45px!important}body .page-intro{padding-left:18px;margin-top:28px}}
/* Inner pages: a clear overview, then focused sections. */
body main.detail-page{max-width:1160px;padding-top:32px}
body .detail-body{display:block;padding-top:36px}
body .detail-sidebar[hidden]{display:none}
body .detail-hero{gap:0 56px;padding:12px 0 40px;grid-template-columns:minmax(0,1fr) 285px}
body .detail-hero h1{font-size:clamp(34px,3.7vw,52px);line-height:1.12;max-width:23ch}
body .detail-hero .ad-intro{font-size:18px;line-height:1.65;max-width:56ch}
body .detail-copy section{padding:44px 0;border-color:#ded5df}
body .detail-copy h2{max-width:30ch;font-size:clamp(25px,2.5vw,32px);line-height:1.25;margin-bottom:24px}
body .detail-copy p,body .detail-copy li{line-height:1.65;color:#51475f}
body .detail-copy section>p,body .detail-copy section>div:not(.sv-cases):not(.video-grid):not(.ad-acts):not(.ad-links):not(.sv-faq)>p{max-width:65ch}
body .detail-copy .sv-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:none}
body .detail-copy .sv-list li{max-width:none;background:#fffdf9;border:1px solid #dfd7df;border-top:3px solid #c93d82;padding:26px;border-radius:8px}
body .detail-copy .sv-list strong{font-size:20px;line-height:1.3;margin-bottom:12px;color:#17122b}
body .detail-copy .sv-list p{font-size:16px;margin:0}
body .detail-copy .ad-fast{background:#eee7ef;border:0;border-left:3px solid #c93d82;padding:20px 24px}
body .detail-copy .sv-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
body .detail-copy .sv-case{padding:28px;background:#17122b;color:#faf7f2;border:0}
body .detail-copy .sv-case h3{font-size:24px;color:#faf7f2}
body .detail-copy .sv-case p{color:#d9cddd}
body .detail-copy .sv-case .sv-status{color:#efa9cf}
body .service-jumps{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 34px}
body .service-jumps a{display:inline-flex;align-items:center;min-height:44px;padding:11px 18px;background:#fffdf9;color:#17122b;border:1px solid #c6b7ce;border-radius:6px;text-decoration:none;font-size:14px;font-weight:600;box-shadow:0 2px 0 #ded5e2}
body .service-jumps a:hover{border-color:#a22468;background:#f3e9ef}
body .detail-copy .sv-faq{max-width:850px}
body .sv-faq details{border-bottom:1px solid #d4c8d9;padding:20px 0}
body .sv-faq summary{cursor:pointer;color:#17122b;font-size:18px;font-weight:600;line-height:1.5}
body .sv-faq details p{margin:16px 0 4px;max-width:65ch}
body .sv-faq summary:focus-visible{outline:3px solid #a22468;outline-offset:6px}
body .detail-copy .ad-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;max-width:none}
body .detail-copy .ad-steps li{padding-left:0;max-width:none;border-top:2px solid #c93d82;padding-top:18px}
body .detail-copy .ad-steps li:before{position:static;display:block;margin-bottom:14px}
body .detail-copy .ad-steps strong{font-size:18px;color:#17122b}
body .detail-copy .ad-steps p{font-size:15px}
body .detail-copy .video-showcase{max-width:none}
body .detail-copy .video-caption p{font-size:14px;line-height:1.6}
body .detail-copy .video-caption .video-type{font-size:12px;color:#a22468}
body .detail-copy .video-card h3{font-size:23px}
body .detail-copy .gd-project-preview{max-width:900px}
body .detail-copy #gd-sections>section:not(.video-showcase){padding-block:40px}
@media(max-width:760px){body .detail-hero{grid-template-columns:1fr;gap:0}body .detail-action{grid-column:1;grid-row:auto;width:100%;margin-top:24px}body .detail-copy .sv-list,body .detail-copy .sv-cases,body .detail-copy .ad-steps{grid-template-columns:1fr}body .detail-copy section{padding-block:32px}body .service-jumps{display:grid;grid-template-columns:1fr 1fr;gap:8px}body .service-jumps a{font-size:13px;padding:10px 12px}body .detail-hero .ad-intro{font-size:17px}}
body .service-context{display:grid;grid-template-columns:1fr 1fr;gap:44px;padding:36px 0;border-top:1px solid #ded5df}
body .detail-copy .service-context section{padding:0;border:0}
body .detail-copy .service-context h2{font-size:24px}
body .detail-copy .service-context p{font-size:15px}
body .detail-copy .ad-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
@media(max-width:900px){body .detail-copy .ad-steps{grid-template-columns:1fr 1fr}}
@media(max-width:760px){body .service-context,body .detail-copy .ad-steps{grid-template-columns:1fr;gap:26px}}


/* Kazena: connected design. Shared presentation for all public page families. */
:root{--k-paper:#f8f7f4;--k-surface:#fff;--k-ink:#17122b;--k-muted:#645d70;--k-line:#dedbe2;--k-pink:#b62e76;--k-soft:#eee8ee;--k-radius:16px;--pad:clamp(22px,4.8vw,76px)}
body,body:not(.studio-home){background:var(--k-paper);color:var(--k-ink);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.65}
body h1,body h2,body h3,body h4,body button,body input,body textarea,body select,body .btn,body .route-button,body .topbar nav a,body .global-nav a{font-family:Manrope,Arial,sans-serif}
body h1,body h2,body h3{font-weight:600;letter-spacing:-.045em;text-wrap:balance}
body .wrap,body main.detail-page{width:min(calc(100% - var(--pad)*2),1240px);max-width:1240px}
body .eyebrow,body .ad-kicker{font-family:'IBM Plex Mono',monospace;font-size:10px;line-height:1.5;letter-spacing:.08em;color:#72576b}
body .topbar,body:not(.studio-home) .topbar{background:#f8f7f4f2;border-bottom:1px solid var(--k-line);backdrop-filter:blur(18px)}
body .topbar .header-inner,body:not(.studio-home) .topbar .row{min-height:82px;max-width:1240px}
body .topbar .brand{font-family:Manrope,Arial,sans-serif;font-size:31px;font-weight:800;letter-spacing:-.07em}
body .topbar nav,body:not(.studio-home) .global-nav{gap:5px}
body .topbar nav a,body:not(.studio-home) .global-nav a{background:#eeecef;color:var(--k-ink);border:1px solid transparent;border-radius:7px;box-shadow:none;font-size:12px;font-weight:600;padding:11px 16px;min-height:42px;text-decoration:none}
body .topbar nav a:hover,body:not(.studio-home) .global-nav a:hover{background:#e7e0e9;border-color:#c6b5c9;box-shadow:none;transform:none}
body .topbar nav a[aria-current=page],body:not(.studio-home) .global-nav a[aria-current=page]{background:#e5dce6;color:#512544;border-color:#c7afc6}
body .topbar nav .nav-contact,body:not(.studio-home) .global-nav .nav-contact{background:var(--k-ink);color:#fff;border-color:var(--k-ink);margin-left:8px;box-shadow:inset 0 1px 0 #ffffff26;padding-inline:23px}
body .topbar nav .nav-contact:hover,body:not(.studio-home) .global-nav .nav-contact:hover{background:#332640;color:#fff}
body .btn,body .btn.solid,body .btn.sm,body .route-button{font-family:Manrope,Arial,sans-serif;font-weight:600;line-height:1.4;letter-spacing:-.01em;min-height:52px;padding:15px 23px;border-radius:8px;border:1px solid #92245e;background:var(--k-pink);color:#fff;box-shadow:inset 0 1px 0 #ffffff35,0 2px 3px #17122b12;font-size:14px}
body .btn:hover,body .btn.solid:hover,body .route-button:hover{background:#9e2465;color:#fff;border-color:#862055;box-shadow:inset 0 1px 0 #ffffff35,0 5px 14px #17122b14;transform:translateY(-2px)}
body .btn.secondary,body .btn.ghost{background:#fff;color:var(--k-ink);border-color:#d6d0da;box-shadow:0 2px 3px #17122b08}
body .btn.secondary:hover,body .btn.ghost:hover{background:#eee8ee;color:var(--k-ink);border-color:#c6b5c9}
body .btn.ink{background:var(--k-ink);color:#fff;border-color:var(--k-ink)}
body .btn .arr{display:inline-block;width:15px;height:15px}
body .detail-back,body #back-link,body #back{font:500 11px Manrope,Arial,sans-serif;background:transparent;border:1px solid #d6cfda;box-shadow:none;padding:9px 13px;border-radius:6px;color:var(--k-muted);margin-bottom:28px}
/* Homepage: a confident opening, a dedicated motion stage, four clear routes. */
body .hero{display:block;padding:58px 0 62px}
body .hero-copy{max-width:1000px;margin-inline:auto;text-align:center}
body .hero .eyebrow{font-size:10px;color:#72576b}
body .hero h1{font:600 clamp(48px,6.3vw,88px)/1.06 Manrope,Arial,sans-serif;letter-spacing:-.06em;max-width:100%;margin:22px 0 23px}
body .hero h1 em{font-style:normal;color:var(--k-pink);font-weight:500}
body .hero-intro{font-size:17px;line-height:1.7;max-width:620px;margin-inline:auto;color:var(--k-muted)}
body .hero-actions{justify-content:center;gap:12px;margin-top:25px}
body .hero-note{font-size:11px;color:#706579;margin:15px 0 0}
.product-stage{margin-top:42px;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;min-height:330px;background:#17122b;border-radius:20px;overflow:hidden;position:relative;border:1px solid #30263d}
.stage-copy{padding:38px 46px;position:relative;z-index:1}
.stage-index{color:#c3b4cb;font:10px 'IBM Plex Mono',monospace;letter-spacing:.08em}
body .stage-copy h2{color:#faf7f2;font-size:36px;line-height:1.18;margin:22px 0 16px;white-space:pre-line}
body .stage-copy p{color:#bdb2ca;font-size:14px;line-height:1.7;max-width:33ch}
.stage-tags{display:flex;gap:9px;margin-top:30px}.stage-tags span{font:9px 'IBM Plex Mono',monospace;color:#ddcddd;border:1px solid #55435d;padding:6px 9px;border-radius:4px}
body .product-stage .hero-scene-slot{width:100%;margin:0;min-width:0}
body .product-stage .visual-scene{border:0;border-radius:0;background:transparent}
body .product-stage .scene-art{aspect-ratio:720/350;max-height:350px}
body .product-stage .scene-signature{display:none}
body .product-stage .scene-controls{border:0;background:transparent;padding:0 28px 22px;gap:8px}
body .product-stage .scene-controls button{font-size:10px;padding:8px 10px;min-height:36px;background:#251d35;border-color:#62526c;border-radius:5px;color:#e6dfe9}
body .product-stage .scene-tabs button[aria-pressed=true]{background:#eee7ef;color:#17122b;border-color:#eee7ef}
.capability-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
.capability-rail a{display:flex;align-items:center;gap:12px;min-height:72px;padding:18px;background:#fff;border:1px solid #dcd5df;border-radius:10px;color:#17122b;font-size:13px;font-weight:600;text-decoration:none;box-shadow:0 2px 4px #17122b05}
.capability-rail a>span:last-child{margin-left:auto;font-size:18px;color:#a12b6b}.cap-number{color:#8b7c91;font:10px 'IBM Plex Mono',monospace}
.capability-rail a:hover{background:#eee7ef;border-color:#b99ab4}
/* Selected work: asymmetric editorial grid rather than repeated horizontal cards. */
body .home-proof{background:#eee9ed;border:0;padding:66px 0 72px}
body .proof-intro{margin-bottom:30px;align-items:end}
body .proof-intro h2{color:#17122b;font-size:44px;margin-top:12px}
body .proof-intro .eyebrow{color:#72576b}
.selected-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:24px}
body .proof-card,body .home-marketing{display:flex;flex-direction:column;align-items:stretch;justify-content:start;gap:0;border:1px solid #d9d0db;background:#fff;box-shadow:none;border-radius:15px;margin:0;padding:0;overflow:hidden}
.project-image{padding:38px 30px 0;background:#dcd4df;overflow:hidden;height:330px}
body .proof-card .project-image img{width:100%;height:auto;max-height:none;object-fit:cover;object-position:top;border-radius:7px 7px 0 0;box-shadow:0 12px 30px #17122b30}
body .proof-card>.project-description,body .home-marketing>.project-description{padding:28px 30px;display:flex;flex-direction:column;align-items:start;flex:1}
body .project-description h3{font-size:29px;line-height:1.2;margin:12px 0 14px;color:#17122b}
body .home-marketing .project-description p,body .proof-card .project-description p:not(.eyebrow){font-size:14px;line-height:1.7;color:#645d70;margin:0 0 20px}
body .project-description .btn{margin-top:auto}
.motion-cover{height:330px;position:relative;overflow:hidden;background:#17122b}.motion-cover img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;opacity:.95}
.film-count{position:absolute;top:20px;left:20px;padding:7px 10px;border:1px solid #ffffff44;border-radius:5px;background:#17122bbd;color:#f8f2f7;font:9px 'IBM Plex Mono',monospace}
body .closing-cta{padding-block:85px;gap:50px}body .closing-cta h2{font-size:clamp(34px,4vw,52px);max-width:18ch;margin:18px 0}
body .closing-cta p:not(.eyebrow){font-size:16px;line-height:1.7;max-width:48ch;color:#645d70}
body .site-footer{background:#17122b;border-top:0;padding-top:35px}.site-footer .footer-top{padding-bottom:32px}.site-footer .footer-top .brand{font-size:39px}
body .site-footer .footer-short a.route-button{box-shadow:none;background:#241d33;border-color:#584b64;color:#f3ebf4;border-radius:6px;font-size:12px;min-height:42px}
/* Service hub: visual identifiers create hierarchy without animation everywhere. */
body .page-intro{padding:60px 0 30px;margin:0 auto;border:0;max-width:1240px}
body .page-intro h1{font-size:clamp(40px,5vw,66px);line-height:1.12;max-width:20ch;margin:20px 0 22px}
body .page-intro>p:last-child{font-size:17px;line-height:1.7;max-width:60ch;color:#645d70}
body .services-grid{gap:24px}
body .service{position:relative;border:1px solid #ddd6e0;border-top:1px solid #ddd6e0;border-radius:14px;background:#fff;padding:32px;box-shadow:none;overflow:hidden}
.service-visual{height:140px;position:relative;background:#eee8f0;border-radius:8px;margin:-8px -8px 26px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.service-visual svg{width:240px;height:125px;stroke:#71536e;fill:none;stroke-width:1.4}.service-visual .accent{stroke:#b62e76}.service-visual .solid{fill:#17122b;stroke:#17122b}.service-visual .paper{fill:#faf7f2}
body .service .offer-category{font:10px 'IBM Plex Mono',monospace;color:#83506f;margin-bottom:13px}
body .service h3{font-size:30px;line-height:1.2;max-width:24ch}
body .service .offer-body{font-size:15px;line-height:1.7;max-width:52ch;margin-top:16px}
body .service ul{padding-top:20px;border-top:1px solid #e7e0e9;font-size:13px;gap:9px}
body .service-links .route-button{background:#17122b;color:#fff;border-color:#17122b;box-shadow:none;min-height:44px;font-size:12px;padding:12px 16px}
body .demo-section{padding-block:55px}.workflow-demo{box-shadow:0 18px 45px #17122b08}
/* Inner-page hierarchy. All content remains available; headings, proof and actions have different jobs. */
body main.detail-page{padding-top:30px;padding-bottom:60px}
body .detail-hero{position:relative;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:0 65px;padding:12px 0 45px;border-bottom:1px solid #ddd5e1}
body .detail-hero h1{font:600 clamp(37px,4.1vw,58px)/1.13 Manrope,Arial,sans-serif;letter-spacing:-.055em;max-width:24ch;margin:18px 0 21px}
body .detail-hero .ad-intro{font-size:17px;line-height:1.7;max-width:59ch;color:#645d70}
body .detail-action{background:transparent;border:0;padding:0;grid-column:1;grid-row:auto;display:flex;align-items:center;gap:18px;margin-top:25px;align-self:start}
body .detail-action .action-title{display:none}body .detail-action .ad-acts{flex:none;margin:0}
body .detail-action .btn.solid{background:#b62e76;border-color:#92245e;color:#fff;width:auto;font:600 13px/1.4 Manrope,Arial,sans-serif;min-height:50px;padding:15px 21px;box-shadow:inset 0 1px 0 #ffffff35,0 2px 3px #17122b12}
body .detail-action .ad-caption{color:#74677c;font:11px/1.7 Manrope,Arial,sans-serif;max-width:25ch;margin:0}
.service-preview{grid-column:2;grid-row:2/6;align-self:center;background:#17122b;color:#faf7f2;border:1px solid #3b2d48;border-radius:15px;padding:28px;min-width:0}
.service-preview .preview-label{font:9px 'IBM Plex Mono',monospace;color:#c4b4cd;letter-spacing:.04em;margin:0 0 25px}
.service-preview .preview-title{font-size:24px;line-height:1.25;color:#faf7f2;font-weight:500;margin:0 0 25px}
.preview-flow{display:grid;gap:10px}.preview-flow>div{padding:15px;border:1px solid #64516d;background:#251c35;border-radius:8px;display:flex;gap:14px;align-items:center;color:#ede5f1;font-size:13px}.preview-flow span{color:#efabd0;font:10px 'IBM Plex Mono',monospace}.preview-foot{color:#b7a6c2;font-size:10px;margin-top:18px}
body .detail-body{padding-top:38px}.detail-copy{min-width:0}
body .detail-copy section{padding:44px 0;border-color:#ded7e2}
body .detail-copy h2{font:600 clamp(26px,2.7vw,36px)/1.2 Manrope,Arial,sans-serif;letter-spacing:-.04em;max-width:30ch;margin-bottom:25px}
body .detail-copy p,body .detail-copy li{font-family:Manrope,Arial,sans-serif;font-size:15px;line-height:1.75;color:#645d70}
body .detail-copy .sv-list{gap:0 32px;grid-template-columns:1fr 1fr}
body .detail-copy .sv-list li{border:0;border-top:1px solid #dcd4e0;border-radius:0;background:transparent;padding:24px 0;max-width:none}
body .detail-copy .sv-list strong{font-size:19px;line-height:1.35;color:#17122b;margin-bottom:10px}
body .detail-copy .sv-list p{font-size:15px;line-height:1.7}
body .service-jumps{gap:8px;margin-bottom:36px}
body .service-jumps a{box-shadow:none;background:#eee8ef;border-color:transparent;border-radius:6px;font-size:12px;padding:11px 16px;min-height:42px}
body .service-context{gap:50px;padding:32px;background:#eee8ef;border:0;border-radius:12px;margin:10px 0 6px}
body .detail-copy .service-context h2{font-size:23px}.service-context p{font-size:14px!important}
body .detail-copy .ad-fast{background:#eee8ef;border-left:2px solid #ba4e88;border-radius:0 8px 8px 0;padding:18px 22px;margin-top:16px}
body .detail-copy .sv-cases{gap:18px}.sv-case{box-shadow:none}
body .detail-copy .sv-case{padding:28px;background:#17122b;border:0;border-radius:12px}
body .detail-copy .sv-case h3{font-size:24px;color:#faf7f2}.detail-copy .sv-case p{font-size:14px!important;color:#d4c8dc!important}.detail-copy .sv-case .sv-status{font:9px 'IBM Plex Mono',monospace!important;color:#edabd0!important}
body .detail-copy .ad-steps li{border-top:1px solid #cdbacf;padding-top:20px}
body .sv-faq details{padding:21px 0;border-color:#ded7e2}body .sv-faq summary{font:600 17px/1.5 Manrope,Arial,sans-serif}
body .detail-copy .ad-next{background:#eee8ef;border:0;padding:34px!important;border-radius:12px}
body .detail-copy .ad-links a{background:#fff;box-shadow:none;border:1px solid #d9cddb;border-radius:6px;color:#593466;font:500 12px/1.5 Manrope,Arial,sans-serif;padding:11px 15px;min-height:42px;text-decoration:none}
/* Work, company and article pages use distinct arrangements. */
body .guide-page .detail-hero{display:block;max-width:none}
body .guide-page .detail-hero h1{max-width:23ch}
body main[data-guide='/proekti'] #gd-sections{display:grid;grid-template-columns:1fr 1fr;gap:24px}
body main[data-guide='/proekti'] #gd-sections>section{padding:28px;background:#fff;border:1px solid #ded7e2;border-radius:13px}
body main[data-guide='/proekti'] #gd-sections>section:first-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.05fr;gap:12px 38px;padding:32px;align-items:start}
body main[data-guide='/proekti'] #gd-sections>section:first-child>h2{font-size:34px;grid-column:1;margin-bottom:12px}
body main[data-guide='/proekti'] #gd-sections>section:first-child>p,body main[data-guide='/proekti'] #gd-sections>section:first-child>.sv-list{grid-column:1;margin:0}
body main[data-guide='/proekti'] #gd-sections>section:first-child>.gd-project-preview{grid-column:2;grid-row:1/8;align-self:start;margin:0;position:sticky;top:115px}
body main[data-guide='/proekti'] #gd-sections>section:first-child>.gd-project-preview img{max-height:none;border-radius:8px}
body main[data-guide='/proekti'] #gd-sections .sv-list{grid-template-columns:1fr;margin:8px 0 0}
body main[data-guide='/proekti'] #gd-sections>section>h2{font-size:25px}
body main[data-guide='/proekti'] #gd-sections>.video-showcase{grid-column:1/-1;background:transparent;border:0;padding:45px 0}
body main[data-guide='/za-nas'] #gd-sections>section{display:grid;grid-template-columns:.7fr 1.3fr;gap:15px 60px}
body main[data-guide='/za-nas'] #gd-sections>section>h2{grid-column:1;grid-row:1/6;font-size:30px}
body main[data-guide='/za-nas'] #gd-sections>section>p,body main[data-guide='/za-nas'] #gd-sections>section>ul{grid-column:2;margin:0}
.team-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0 0 32px}
.team-strip article{padding:25px;border:1px solid #ded7e2;background:#fff;border-radius:12px}.team-monogram{display:grid;place-items:center;width:52px;height:52px;border-radius:12px;background:#eee7ef;color:#8c346a;font-size:17px;margin-bottom:28px}.team-monogram img{width:30px;height:30px}
body .team-strip h2{font-size:21px;margin:0 0 9px;letter-spacing:-.03em}.team-strip p{font-size:13px!important;margin:0}.team-strip article:last-child{background:#17122b;border-color:#17122b}.team-strip article:last-child h2{color:#faf7f2}.team-strip article:last-child p{color:#cbbdd6}
body main[data-guide='/kontakti'] .detail-hero{padding-bottom:30px}.guide-page .detail-action{max-width:600px}
body #form{border:1px solid #d9d0df;border-top:1px solid #d9d0df;box-shadow:0 10px 32px #17122b05;border-radius:14px;padding:34px}
body input[type],body textarea,body select{border-radius:7px;font-family:Manrope,Arial,sans-serif}
/* Film archive: useful labels and comfortable poster size. */
body .video-showcase .video-intro{max-width:640px;margin-bottom:32px}
body .video-showcase h2,body .detail-copy .video-showcase h2{font-size:40px;margin:12px 0 18px}
body .video-grid{gap:24px}body .video-card{border-color:#dcd4e0;border-radius:12px;background:#fff}
body .video-card video{max-height:440px}body .video-card .video-caption{padding:22px}
body .video-card h3,body .detail-copy .video-card h3{font-size:23px;font-weight:600}
body .video-card .video-type,body .detail-copy .video-card .video-type{font:9px/1.6 'IBM Plex Mono',monospace;color:#98376f}
body .video-card p,body .detail-copy .video-caption p{font-size:13px;line-height:1.7;color:#645d70}
body .tools-grid article{border:1px solid #d9d0df;border-radius:13px;background:#fff;padding:30px}
body .tools-grid h3{font-size:28px}.tool-page h1{font-family:Manrope,Arial,sans-serif!important;letter-spacing:-.05em}
body:not(.studio-home)>footer{border-top:1px solid #d9d0df;font-family:Manrope,Arial,sans-serif;padding-block:30px}
body:not(.studio-home) .footer-pages>a:not(.social-icon){box-shadow:none;border-radius:6px;background:#eee8ef;border-color:transparent;min-height:40px}
@media(min-width:761px){html[lang=bg] body .hero h1{font-size:clamp(48px,5.4vw,75px)}}
@media(max-width:1050px){body .detail-hero{gap:0 30px;grid-template-columns:1.2fr .8fr}.stage-copy{padding:30px}body .stage-copy h2{font-size:30px}.capability-rail a{padding:14px;font-size:12px;gap:8px}.cap-number{display:none}body .topbar nav a,body:not(.studio-home) .global-nav a{padding-inline:12px}}
@media(max-width:900px){body .topbar .header-inner,body:not(.studio-home) .topbar .row{min-height:74px}body .topbar nav,body:not(.studio-home) .global-nav{top:73px;background:#f8f7f4;padding:20px var(--pad);gap:8px}body .topbar nav a,body:not(.studio-home) .global-nav a{font-size:15px;min-height:48px}body .topbar nav .nav-contact,body:not(.studio-home) .global-nav .nav-contact{margin:3px 0 0}.product-stage{grid-template-columns:.85fr 1.15fr}.stage-copy{padding:28px 24px}.stage-copy p{font-size:13px}body .product-stage .scene-controls{padding:0 12px 16px}.scene-tabs{gap:4px}body .product-stage .scene-controls button{padding:7px;font-size:9px}}
@media(max-width:760px){
 body .hero{padding:38px 0 40px}body .hero-copy{text-align:left}body .hero h1{font-size:clamp(36px,8.4vw,57px);line-height:1.1;letter-spacing:-.055em;margin:20px 0}body .hero-intro{font-size:15px;line-height:1.75}body .hero-actions{justify-content:start;gap:10px;margin-top:24px}body .hero-actions .btn{flex:none;font-size:12px;padding:13px 17px;min-height:48px}body .hero-note{font-size:10px}
 .product-stage{margin-top:30px;grid-template-columns:1fr;border-radius:14px}.stage-copy{padding:28px 26px 0}.stage-index{font-size:9px}body .stage-copy h2{font-size:29px;margin:15px 0 12px}body .stage-copy p{max-width:45ch;font-size:13px}.stage-tags{display:none}body .product-stage .scene-art{aspect-ratio:720/420;max-height:260px}body .product-stage .scene-controls{padding:0 14px 18px}body .product-stage .scene-controls button{min-height:40px;font-size:9px;padding:8px}
 .capability-rail{grid-template-columns:1fr 1fr;gap:9px}.capability-rail a{min-height:64px;padding:12px;font-size:12px}.capability-rail a>span:last-child{font-size:16px}
 body .home-proof{padding-block:40px}.selected-grid{grid-template-columns:1fr;gap:20px}body .proof-intro{display:flex;align-items:end;gap:15px}body .proof-intro h2{font-size:32px}body .proof-intro>.btn{font-size:10px;min-height:42px;padding:10px 12px;flex:none}.project-image{height:240px;padding:24px 22px 0}.motion-cover{height:290px}body .proof-card>.project-description,body .home-marketing>.project-description{padding:24px}body .project-description h3{font-size:27px}body .closing-cta{padding-block:48px}body .closing-cta h2{font-size:35px}body .closing-cta p:not(.eyebrow){font-size:15px}
 body .detail-hero{display:block;padding-bottom:30px}body .detail-hero h1{font-size:clamp(33px,7.9vw,46px);line-height:1.16}body .detail-hero .ad-intro{font-size:16px}body .detail-action{display:block;width:auto;margin-top:23px}body .detail-action .ad-caption{max-width:45ch;margin-top:12px}body .service-preview{margin-top:28px;padding:24px}.service-preview .preview-label{margin-bottom:18px}.service-preview .preview-title{font-size:23px;margin-bottom:20px}.preview-flow{gap:8px}.preview-flow>div{padding:12px;font-size:12px}
 body .detail-copy .sv-list{grid-template-columns:1fr;gap:0}body .detail-copy .sv-list li{padding:22px 0}.service-context{padding:25px!important;gap:26px!important}body .service-jumps{gap:8px}body .service-jumps a{font-size:11px;padding:10px 12px}body .detail-copy h2{font-size:27px}body .detail-copy p,body .detail-copy li{font-size:15px}body .detail-copy section{padding-block:32px}
 body main[data-guide='/proekti'] #gd-sections{display:block}body main[data-guide='/proekti'] #gd-sections>section{margin-bottom:20px;padding:24px}body main[data-guide='/proekti'] #gd-sections>section:first-child{display:flex;flex-direction:column;padding:24px;gap:16px}body main[data-guide='/proekti'] #gd-sections>section:first-child>h2{font-size:28px}body main[data-guide='/proekti'] #gd-sections>section:first-child>.gd-project-preview{position:static;order:-1}
 body main[data-guide='/za-nas'] #gd-sections>section{display:block}body main[data-guide='/za-nas'] #gd-sections>section>h2{font-size:27px}body main[data-guide='/za-nas'] #gd-sections>section>p{margin:16px 0}.team-strip{grid-template-columns:1fr;gap:12px}.team-strip article{padding:22px;display:grid;grid-template-columns:48px 1fr;gap:3px 18px}.team-monogram{grid-row:1/3;width:48px;height:48px;margin:0}.team-strip h2{margin:0!important;align-self:end}.team-strip p{grid-column:2}.team-strip h2{font-size:19px!important}
 body .page-intro{padding-top:38px}body .page-intro h1{font-size:39px}body .page-intro>p:last-child{font-size:16px}body .service{padding:26px}body .service h3{font-size:28px}.service-visual{height:125px}body .video-showcase h2,body .detail-copy .video-showcase h2{font-size:32px}body .video-card video{max-height:510px}body .video-grid{gap:20px}body #form{padding:24px}body .site-footer .footer-top .brand{font-size:33px}
}
@media(prefers-reduced-motion:no-preference){.capability-rail a{transition:background .2s,border-color .2s,transform .2s}.capability-rail a:hover{transform:translateY(-2px)}.motion-cover img{transition:transform .7s cubic-bezier(.2,.8,.2,1)}.home-marketing:hover .motion-cover img{transform:scale(1.035)}}
body .product-stage .hero-scene-slot{grid-column:2;grid-row:1}
@media(max-width:760px){body .product-stage .hero-scene-slot{grid-column:1;grid-row:2}}
/* Consistent closing identity across the standalone page templates. */
body:not(.studio-home)>footer.public-footer{display:grid;grid-template-columns:1fr auto;gap:26px;width:100%;max-width:none;margin:0;background:#17122b;border:0;padding:42px max(var(--pad),calc((100% - 1240px)/2));color:#c1b4cb}
.public-footer .footer-identity{grid-column:1/-1;display:flex;gap:30px;align-items:center;border-bottom:1px solid #473b53;padding-bottom:30px}
.public-footer .footer-identity .brand{font-size:38px;color:#faf7f2}.public-footer .footer-identity p{font-size:13px;color:#c1b4cb}.public-footer .footer-identity .btn{margin-left:auto;font-size:12px;min-height:45px}
.public-footer .footer-pages{grid-column:1/-1;gap:10px}
body:not(.studio-home) .public-footer .footer-pages>a:not(.social-icon){background:#251d35;color:#e4dbea;border-color:#594964;font-size:12px;box-shadow:none}
body:not(.studio-home) .public-footer .footer-pages>a:not(.social-icon):hover{background:#3a2945;color:#fff}
.public-footer>#privacy-link{font-size:11px;color:#ddd0e5}.public-footer>[id$='co']{font-size:10px;color:#c1b4cb}
@media(min-width:1000px){body main[data-guide='/kontakti']{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;padding-block:65px}body main[data-guide='/kontakti'] .detail-hero{align-self:start;border:0;padding:0;position:sticky;top:112px}body main[data-guide='/kontakti'] .detail-hero h1{font-size:49px}body main[data-guide='/kontakti'] .detail-body{padding-top:0}body main[data-guide='/kontakti'] .detail-hero .detail-action{display:none}body main[data-guide='/kontakti'] .form-row{grid-template-columns:1fr}body main[data-guide='/kontakti'] .detail-copy .sv-list{grid-template-columns:1fr}}
@media(max-width:760px){.public-footer .footer-identity{flex-wrap:wrap;gap:20px}.public-footer .footer-identity p{order:3;width:100%;font-size:12px}.public-footer .footer-identity .brand{font-size:32px}body:not(.studio-home)>footer.public-footer{padding-block:32px;gap:20px}.public-footer>#privacy-link{max-width:17ch}}
body:not(.studio-home) .public-footer>#privacy-link{background:#251d35;color:#ede5f1;border:1px solid #594964;border-radius:6px;padding:10px 14px;text-decoration:none;align-self:center;min-height:40px;display:inline-flex;align-items:center}
/* Interactive service studies: distinct product surfaces, shared interaction rhythm. */
body .service-demo{padding:28px;overflow:hidden;box-shadow:0 24px 60px #17122b12;align-self:center}
.demo-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.service-demo .preview-label{margin:0;font-size:9px}.demo-live{display:flex;align-items:center;gap:7px;font-size:10px;color:#dfd2e8}.demo-live i{width:5px;height:5px;border-radius:50%;background:#eea9cd}
body .service-demo h2.preview-title{color:#faf7f2;font-size:clamp(23px,2.2vw,31px);line-height:1.2;margin:0 0 24px;text-wrap:pretty;letter-spacing:-.035em}
.demo-screen{min-height:185px;background:#241d35;border:1px solid #51415e;border-radius:10px;padding:20px;display:flex;flex-direction:column;justify-content:center;position:relative;isolation:isolate}
.demo-inputs{margin-top:22px}.demo-inputs>p{color:#d1c5dc;font-size:11px;margin:0 0 10px}.demo-choices{display:flex;gap:8px;flex-wrap:wrap}body .demo-choices button{border:1px solid #695577;border-radius:6px;background:transparent;color:#e6deee;padding:10px 12px;font:500 12px/1.4 Manrope,Arial,sans-serif;min-height:42px;cursor:pointer;box-shadow:none;flex:1}body .demo-choices button[aria-pressed=true]{color:#17122b;background:#f0e8f1;border-color:#f0e8f1}body .demo-choices button:hover{border-color:#f0a6cc}
body .demo-action{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:14px;min-height:48px;padding:13px 16px;background:#b62e76;color:#fff;border:1px solid #d15798;border-radius:7px;font:600 12px/1.4 Manrope,Arial,sans-serif;cursor:pointer;box-shadow:inset 0 1px 0 #ffffff25}body .demo-action:hover{background:#9e2465}.demo-action span{font-size:18px}.demo-result{min-height:84px;padding-top:17px}.demo-result strong{font-size:12px;color:#f2c1df;font-weight:600}.demo-result p{font-size:11px;line-height:1.6;color:#c6b7d2;margin:6px 0 0}.demo-disclaimer{border-top:1px solid #46364f;padding-top:12px;margin:0;color:#b6a6c2;font-size:9px;line-height:1.6}
.demo-detail{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:18px}.demo-detail strong{color:#f8f2fa;font-size:13px}.demo-detail span{font-size:10px;color:#cabbd5}.demo-board{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:143px}.demo-board>div{padding:10px;background:#17122b;border-radius:6px;border:1px solid #4b3d59}.demo-board>div>span{display:block;font-size:10px;color:#cbbbd6;margin-bottom:16px}.demo-board article{padding:12px;background:#f4edf5;color:#17122b;border-radius:5px;font-size:11px;font-weight:600}.demo-board small{display:block;margin-top:12px;font-size:9px;color:#65516e}.demo-board i{font-style:normal;color:#9f89ad}.demo-board .demo-moved{border-left:3px solid #c93d82}
.demo-chat p{max-width:90%;font-size:11px;line-height:1.6;background:#3c2e4a;color:#eee3f5;padding:11px 13px;border-radius:9px 9px 9px 0;margin:0 0 10px}.demo-chat .demo-question{background:#f0e6f0;color:#17122b;margin-left:auto;border-radius:9px 9px 0 9px}.demo-chat-ready{display:flex;gap:5px;padding:10px}.demo-chat-ready span{width:5px;height:5px;background:#aa8ab8;border-radius:50%}
.demo-pipeline{display:flex;align-items:center;gap:8px;justify-content:space-between}.demo-pipeline>div{text-align:center;flex:1}.demo-pipeline b{display:grid;place-items:center;width:38px;height:38px;margin:0 auto 10px;border:1px solid #81658f;border-radius:10px;color:#d8bbdf;font-size:12px}.demo-pipeline .is-complete b{background:#f3e6ef;color:#8e2a64;border-color:#f3e6ef}.demo-pipeline span{font-size:10px;color:#e8daef}.demo-pipeline i{font-style:normal;color:#b990c8}.demo-document{margin:20px 0 0;padding:12px;border:1px solid #56405f;border-radius:6px;color:#f0e4f6;font-size:11px}.demo-document span{display:block;margin-top:5px;color:#bfa9cb;font-size:9px}
.demo-table{display:flex;align-items:center;justify-content:center;gap:8px}.demo-table>div{width:96px;height:88px;border-radius:22px;background:#685073;border:1px solid #af8fbb;display:grid;place-items:center;color:#f6eaf8;font-size:27px;box-shadow:inset 0 0 0 8px #594163}.demo-table i{display:block;width:20px;height:43px;border-radius:7px;background:#bda4c7;border:3px solid #d3bedb}
.demo-calendar{display:grid;grid-template-columns:55px 1fr 25px;align-items:center;gap:10px;background:#f3ebf5;border-radius:8px;padding:20px;color:#17122b}.demo-calendar b{grid-row:1/3;display:grid;place-items:center;height:62px;background:#e2d2e8;border-radius:6px;color:#76305e;font-size:13px}.demo-calendar strong{font-size:26px;line-height:1}.demo-calendar span{grid-column:2;font-size:10px;color:#594963}.demo-calendar i{grid-column:3;grid-row:1/3;font-style:normal;font-size:22px;color:#a12c6d}
.demo-building{height:100px;display:flex;gap:8px;align-items:end;justify-content:center;border-bottom:1px solid #85668e}.demo-building>div{width:55px;height:85px;background:repeating-linear-gradient(0deg,transparent 0 13px,#91749b 13px 16px),repeating-linear-gradient(90deg,#50405e 0 13px,#91749b 13px 16px);border:1px solid #a786b1;border-radius:3px 3px 0 0}.demo-building>div:nth-child(2){height:100px}.demo-building.is-house>div{height:60px;width:60px;background:#84668f;clip-path:polygon(50% 0,100% 30%,100% 100%,0 100%,0 30%)}.demo-building.is-house>div:nth-child(2){height:90px}
.demo-room{height:100px;position:relative;border-bottom:1px solid #866391}.demo-window{position:absolute;right:18px;top:0;width:54px;height:65px;background:linear-gradient(140deg,#a08bb4,#e0d2e6);border:5px solid #715581;box-shadow:inset 0 0 0 1px #bba4cc}.demo-bed{position:absolute;left:18px;bottom:8px;width:115px;height:53px;border-radius:8px 8px 2px 2px;background:#bba2c5;border-bottom:14px solid #72527f;display:flex;gap:8px;padding:7px 12px;box-shadow:0 8px 0 #4b3757}.demo-bed i{background:#f1e3f6;width:40px;height:18px;border-radius:4px}
.demo-browser{background:#f5eff6;border-radius:6px;overflow:hidden;color:#17122b}.demo-browser-bar{display:flex;align-items:center;gap:4px;background:#ded0e4;padding:8px 10px}.demo-browser-bar i{width:4px;height:4px;background:#947e9f;border-radius:50%}.demo-browser-bar span{margin:auto;font-size:8px;color:#62506e}.demo-browser-body{padding:15px}.demo-browser-body>span{font:7px monospace;letter-spacing:.08em;color:#8c4577}.demo-browser-body strong{display:block;font-size:20px;max-width:13ch;line-height:1.2;margin:9px 0}.demo-web-blocks{display:flex;gap:6px;position:absolute;right:35px;top:80px}.demo-web-blocks i{display:block;width:15px;height:35px;background:#d0b7db;border-radius:3px;transform:skewY(-12deg)}.demo-web-blocks i:nth-child(2){height:50px;background:#b25b94}.demo-web-blocks i:nth-child(3){height:65px;background:#422b55}.demo-browser-body p{display:inline-block;padding:6px 10px;margin:4px 0 0;background:#24182f;color:#fff;border-radius:4px;font-size:9px}
@media(prefers-reduced-motion:no-preference){.demo-screen{transition:background .25s}.demo-screen>*,.demo-result strong{animation:demo-arrive .3s ease both}.demo-action,.demo-choices button{transition:background .18s,border-color .18s}@keyframes demo-arrive{from{opacity:.6;transform:translateY(4px)}to{opacity:1;transform:none}}}
@media(max-width:760px){body .service-demo{padding:22px;width:100%}.demo-detail{align-items:start;flex-direction:column;gap:6px}.demo-screen{padding:16px}.demo-result{min-height:95px}}
/* Legal navigation stays a compact footer control on every page family. */
body:not(.studio-home)>footer.public-footer{grid-template-columns:minmax(0,1fr) auto;align-items:center}
body:not(.studio-home) .public-footer>#privacy-link,body:not(.studio-home) .public-footer>.footer-legal{grid-column:2;grid-row:2;justify-self:end;align-self:center;width:auto;max-width:none;min-height:42px;margin:0;padding:10px 15px;box-shadow:none;border:1px solid #695577;border-radius:6px;background:#251d35;color:#ede5f1;font:500 12px/1.5 Manrope,Arial,sans-serif;letter-spacing:0;text-transform:none;text-align:center}
body:not(.studio-home) .public-footer>#privacy-link:hover{background:#3a2945;border-color:#aa88b5;color:#fff}
body:not(.studio-home) .public-footer .footer-pages{grid-row:3;grid-column:1/-1}
@media(max-width:760px){body:not(.studio-home) .public-footer>#privacy-link{grid-column:1/-1;grid-row:4;justify-self:start}.public-footer .footer-identity .brand{font-size:30px}.demo-choices{gap:6px}}
body main[data-service] .detail-hero{grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);gap:48px;align-items:center;padding-block:42px}
body .service-hero-copy{grid-column:1;grid-row:1;min-width:0}
body .service-hero-copy .ad-kicker{margin:25px 0 20px}
body .service-hero-copy h1{margin:0 0 24px}
body .service-hero-copy .ad-intro{margin:0;max-width:49ch}
body .service-hero-copy .detail-action{margin-top:30px}
body main[data-service] .service-demo{grid-column:2;grid-row:1}
@media(max-width:760px){body main[data-service] .detail-hero{grid-template-columns:1fr;gap:32px;padding-block:24px}body main[data-service] .service-demo{grid-column:1;grid-row:2}body .service-hero-copy h1{margin-bottom:20px}}

/* Services row in every footer (2026-10-10): links all service pages site-wide.
   Explicit light colours — the homepage footer's inherited colour is the ink background colour. */
.footer-services{flex:1 1 100%;width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:4px 22px;padding-top:20px;margin-top:6px;border-top:1px solid #4a3a58}
.footer-services-title{font:500 11px/1.4 "IBM Plex Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:#a99bb7;margin-right:4px}
body .footer-services a{font:500 13px/1.4 Manrope,Arial,sans-serif;letter-spacing:0;text-transform:none;color:#e4dbea;text-decoration:none;min-height:36px;display:inline-flex;align-items:center}
body .footer-services a:hover,body .footer-services a:focus-visible{color:#fff;text-decoration:underline;text-underline-offset:4px}
.site-footer .footer-services{width:min(calc(100% - var(--pad,24px)*2),1240px);margin:0 auto;padding-bottom:28px}
/* The legacy base footer is mono + uppercase; keep that only for the small company line. */
body .public-footer .brand-name{text-transform:none;letter-spacing:-.06em;font-family:Manrope,Arial,sans-serif}
body .public-footer .footer-identity p,body .public-footer .footer-pages>a:not(.social-icon),body .public-footer .footer-legal,body .public-footer .footer-identity .btn{text-transform:none;letter-spacing:0;font-family:Manrope,Arial,sans-serif}

body .public-footer .footer-services{max-width:none;align-self:stretch;margin-right:0}
body .public-footer .footer-services{grid-column:1/-1}

/* Client-portal demo (2026-10-10). */
.demo-portal{background:#17122b;border:1px solid #4b3d59;border-radius:8px;padding:14px;min-height:143px}
.demo-portal-head{display:flex;align-items:center;gap:10px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #3c3049}
.demo-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#c93d82;color:#fff;font:600 11px Manrope,Arial,sans-serif}
.demo-portal-head strong{display:block;color:#f8f2fa;font-size:13px}.demo-portal-head small{color:#a99bb7;font-size:10px}
.demo-track{display:flex;gap:6px;list-style:none;margin:0;padding:0}
.demo-track li{flex:1;display:flex;flex-direction:column;gap:6px;align-items:flex-start;padding-top:8px;border-top:3px solid #3c3049;color:#a99bb7;font-size:11px}
.demo-track li i{font-style:normal;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#2b2138;color:#cabbd5;font-size:10px}
.demo-track li.is-done{border-color:#c93d82;color:#f0e6f4}.demo-track li.is-done i{background:#c93d82;color:#fff}
.demo-track li.is-now{border-color:#e39ac1;color:#fff}.demo-track li.is-now i{background:#faf7f2;color:#17122b}
.demo-eta{margin:12px 0 0;font-size:11px;color:#cabbd5}
.demo-docs{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.demo-docs li{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#211a2f;border:1px solid #3c3049;border-radius:6px;font-size:12px;color:#f0e6f4}
.demo-docs b{font-size:9px;letter-spacing:.06em;color:#e39ac1;border:1px solid #6d4a6b;border-radius:3px;padding:2px 4px}
.demo-docs em{margin-left:auto;font-style:normal;font-size:10px;color:#a99bb7}
.demo-docs li.is-new{border-color:#c93d82}.demo-docs li.is-new em{color:#f2b6d6}
@media(prefers-reduced-motion:no-preference){.demo-track li,.demo-docs li{transition:border-color .3s,color .3s}}

/* One language per domain (owner, 2026-10-10): kazenagroup.com English, kazenagroup.bg Bulgarian.
   The switch is removed from view and from the accessibility tree; hreflang still pairs the domains. */
body .lang,body .topbar .lang,body .global-nav .lang{display:none!important}
/* The hidden language switch carried margin-left:auto; the menu button now does. */
body .topbar .global-menu,body .topbar .header-inner>#menu,body .topbar .header-inner>.menu-btn{margin-left:auto}