:where(.services-index-page) .open-head{margin-bottom:clamp(40px,4.4vw,76px)}:where(.services-index-page) .open-head h1{max-width:14ch;font-size:clamp(40px,5.3vw,104px)}html[lang=de] :where(.services-index-page) .open-head h1,html[lang=hr] :where(.services-index-page) .open-head h1{font-size:clamp(36px,4.6vw,90px)}:where(.services-index-page) .open-jump{--rule:1;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:relative}:where(.services-index-page) .open-jump:before{content:"";background:var(--line-strong);height:1px;transform:scaleX(var(--rule));transform-origin:0;position:absolute;inset:0 0 auto}:where(.services-index-page) .open-jump a{letter-spacing:-.03em;grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;gap:14px;padding:18px clamp(12px,1.4vw,24px) 20px 0;font-size:clamp(16px,1.25vw,20px);font-weight:500;display:grid}:where(.services-index-page) .open-jump a+a{border-left:1px solid var(--line);padding-left:clamp(12px,1.4vw,24px)}:where(.services-index-page) .open-jump a span{font:11px var(--mono);letter-spacing:0;color:var(--faint)}:where(.services-index-page) .open-jump a svg{color:var(--faint);transition:transform .24s var(--ease-out), color .18s ease;align-self:center}:where(.services-index-page) .open-jump a:hover svg,:where(.services-index-page) .open-jump a:focus-visible svg{color:var(--red-text);transform:translateY(3px)}:where(.services-index-page) .row{--row-gap:clamp(36px, 5.4vw, 110px);--tile-gap:clamp(14px, 1.5vw, 28px);gap:40px var(--row-gap);grid-template-columns:minmax(0,.74fr) minmax(0,1.26fr);align-items:start;display:grid}:where(.services-index-page) .ai-line,:where(.services-index-page) .also{--rule:1;position:relative}:where(.services-index-page) .ai-line:before,:where(.services-index-page) .also:before{content:"";background:var(--line-strong);height:1px;transform:scaleX(var(--rule));transform-origin:0;position:absolute;inset:0 0 auto}:where(.services-index-page) .line-mask,:where(.services-index-page) .row-name.is-masked{margin-bottom:-.16em;padding-bottom:.16em;display:block;overflow:hidden}:where(.services-index-page) .line,:where(.services-index-page) .row-name.is-masked a{display:block}:where(.services-index-page) .row-copy{justify-items:start;display:grid}:where(.services-index-page) .row-index{font:12px var(--mono);color:var(--faint)}:where(.services-index-page) .row-name{letter-spacing:-.06em;text-wrap:balance;margin-top:clamp(28px,4.6vw,88px);font-size:clamp(36px,4vw,76px);font-weight:470;line-height:1}html[lang=hr] :where(.services-index-page) .row-name,html[lang=de] :where(.services-index-page) .row-name{font-size:clamp(32px,3.3vw,62px)}:where(.services-index-page) .row-name a:hover .name-arrow svg,:where(.services-index-page) .row-name a:focus-visible .name-arrow svg{opacity:1;transform:none}:where(.services-index-page) .row-line{color:var(--muted);text-wrap:pretty;max-width:34ch;margin-top:22px;font-size:clamp(17px,1.3vw,21px);line-height:1.5}:where(.services-index-page) .row-covers{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));place-self:stretch stretch;max-width:540px;margin-top:clamp(26px,2.6vw,40px);display:grid}:where(.services-index-page) .row-covers li{border-bottom:1px solid var(--line);letter-spacing:-.015em;align-items:baseline;gap:12px;padding:13px 12px 13px 0;font-size:15px;font-weight:500;display:flex}:where(.services-index-page) .row-covers span{font:11px var(--mono);color:var(--faint)}:where(.services-index-page) .row-foot{flex-wrap:wrap;align-items:center;gap:14px 32px;margin-top:clamp(26px,2.6vw,40px);display:flex}:where(.services-index-page) .row-price{color:var(--muted)}:where(.services-index-page) .row-price:hover,:where(.services-index-page) .row-price:focus-visible{color:var(--ink)}:where(.services-index-page) .row-tiles{gap:var(--tile-gap);grid-template-columns:1.62fr 1fr;align-items:start;display:grid}:where(.services-index-page) .tile:nth-child(2){margin-top:clamp(40px,6vw,120px)}:where(.services-index-page) .tile .plate{border-radius:var(--plate-radius);background:var(--raised);width:100%;position:relative;overflow:hidden;box-shadow:0 30px 70px #00000038}:where(.services-index-page) .tile .plate:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 0 0 1px #0000000f}:where(.services-index-page) .tile .plate img{object-fit:cover;width:100%;height:100%;display:block}:where(.services-index-page) .tile:first-child .plate,:where(.services-index-page) .tile:first-child .tile-door{border-radius:clamp(8px,.7vw,12px)}:where(.services-index-page) .tile-door{border-radius:var(--plate-radius);transition:transform .5s var(--ease-out);display:block;position:relative}:where(.services-index-page) .tile-cue{z-index:2;color:#f0efe7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;max-width:calc(100% - 28px);transition:opacity .26s ease, transform .42s var(--ease-out);pointer-events:none;background:#0e100fd1;border-radius:99px;align-items:center;gap:8px;padding:9px 14px;font-size:12.5px;font-weight:500;line-height:1.2;display:inline-flex;position:absolute;bottom:14px;left:14px;transform:translateY(8px)}@media (hover:hover){:where(.services-index-page) .tile-door:hover{transform:translateY(-4px)}:where(.services-index-page) .tile-door:hover .tile-cue{opacity:1;transform:none}}:where(.services-index-page) .tile figcaption{font:12px/1.5 var(--mono);color:var(--muted);margin-top:14px}:where(.services-index-page) .ai-plate{--ink:#f0efe7;--muted:#b6b5ab;--faint:#8f8f86;--line:#f0efe721;--line-strong:#f0efe73d;--red-text:#e65353;isolation:isolate;border-radius:calc(var(--plate-radius) + 10px);color:var(--ink);background:#0b0d0c;padding:clamp(28px,4.4vw,80px);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}:where(.services-index-page) .ai-ink{z-index:-1;filter:blur(50px);opacity:.9;background:radial-gradient(36% 40% at 18% 20%,#99171757,#0000 70%),radial-gradient(30% 36% at 84% 70%,#7a12124d,#0000 70%),radial-gradient(22% 26% at 60% 104%,#cc232329,#0000 70%);position:absolute;inset:-30% -20%}@media (prefers-reduced-motion:no-preference){html:not(.motion-off) :where(.services-index-page) .ai-ink{animation:28s ease-in-out infinite alternate ai-drift}}@keyframes ai-drift{to{transform:translate(3%,-2%)rotate(4deg)scale(1.06)}}:where(.services-index-page) .ai-tools{width:calc((205.28% + var(--row-gap) - .6183 * var(--tile-gap)) * .8);justify-self:start;margin-top:clamp(40px,4.4vw,76px)}:where(.services-index-page) .ai-tools ul{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(6,minmax(0,1fr));margin-top:16px;display:grid}:where(.services-index-page) .ai-tools li{border-right:1px solid var(--line);border-bottom:1px solid var(--line);place-items:center;height:64px;padding:0 14px;display:grid}:where(.services-index-page) .ai-tools img{width:auto;height:calc(17px * var(--k));object-fit:contain;opacity:.5;max-width:100%;transition:opacity .24s}:where(.services-index-page) .ai-tools li:hover img{opacity:1}:where(.services-index-page) .ai-line{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(40px,5vw,84px);display:grid}:where(.services-index-page) .ai-offer a{align-content:start;gap:10px;height:100%;padding:22px clamp(14px,1.6vw,28px) 24px 0;display:grid}:where(.services-index-page) .ai-offer+.ai-offer a{border-left:1px solid var(--line);padding-left:clamp(14px,1.6vw,28px)}:where(.services-index-page) .ai-name{letter-spacing:-.035em;justify-self:start;align-items:center;gap:10px;font-size:clamp(18px,1.45vw,24px);font-weight:500;display:inline-flex}:where(.services-index-page) .ai-name svg{color:var(--faint);transition:transform .24s var(--ease-out), color .18s ease}:where(.services-index-page) .ai-offer a:hover .ai-name svg,:where(.services-index-page) .ai-offer a:focus-visible .ai-name svg{color:var(--red-text);transform:translate(3px)}:where(.services-index-page) .ai-what{color:var(--muted);max-width:30ch;font-size:14.5px;line-height:1.5}:where(.services-index-page) .ai-free{border-top:1px solid var(--line);margin-top:clamp(18px,2vw,30px);padding-top:20px}:where(.services-index-page) .ai-check{flex-wrap:wrap;align-items:baseline;gap:6px 14px;font-size:15px;display:inline-flex}:where(.services-index-page) .ai-check-name{letter-spacing:-.02em;font-weight:500}:where(.services-index-page) .ai-check-line{color:var(--muted)}:where(.services-index-page) .ai-check svg{color:var(--red-text);transition:transform .24s var(--ease-out);align-self:center}:where(.services-index-page) .ai-check:hover svg,:where(.services-index-page) .ai-check:focus-visible svg{transform:translate(3px)}:where(.services-index-page) .clients{padding-top:clamp(84px,8.5vw,150px)}:where(.services-index-page) .wall{--mark-h:clamp(30px, 2.7vw, 46px);grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense;border-top:1px solid var(--line);border-left:1px solid var(--line);display:grid}:where(.services-index-page) .wall>li{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}:where(.services-index-page) .wall-mark{--k:1;aspect-ratio:16/7;transition:background-color .35s}:where(.services-index-page) .wall-mark a{place-items:center;width:100%;height:100%;padding:18px;display:grid}:where(.services-index-page) .wall-mark:hover{background:color-mix(in srgb, var(--ink) 3%, transparent)}:where(.services-index-page) .wall-img{height:calc(var(--mark-h) * var(--k));object-fit:contain;opacity:.66;width:auto;max-width:min(62%,230px);transition:opacity .35s}:where(.services-index-page) .wall-mark:hover .wall-img,:where(.services-index-page) .wall-mark a:focus-visible .wall-img{opacity:1}:where(.services-index-page) .wall-words{background:color-mix(in srgb, var(--ink) 3.5%, transparent);flex-direction:column;grid-area:1/3/3/5;justify-content:space-between;gap:24px;padding:clamp(24px,2.6vw,44px);display:flex}:where(.services-index-page) .wall-words blockquote p{letter-spacing:-.03em;text-wrap:pretty;font-size:clamp(18px,1.55vw,26px);font-weight:420;line-height:1.35}:where(.services-index-page) .wall-words blockquote p:before{content:"“";color:var(--red-text)}:where(.services-index-page) .wall-words blockquote p:after{content:"”"}html[lang=hr] :where(.services-index-page) .wall-words blockquote p:before,html[lang=de] :where(.services-index-page) .wall-words blockquote p:before{content:"„"}html[lang=hr] :where(.services-index-page) .wall-words blockquote p:after,html[lang=de] :where(.services-index-page) .wall-words blockquote p:after{content:"“"}:where(.services-index-page) .wall-by{font:11px/1.5 var(--mono);color:var(--faint);flex-wrap:wrap;gap:6px 16px;display:flex}:where(.services-index-page) .wall-by span:first-child{color:var(--ink)}:where(.services-index-page) .wall-door{aspect-ratio:16/7;place-items:center;display:grid}:where(.services-index-page) .more{padding-top:clamp(84px,8.5vw,150px)}:where(.services-index-page) .more>.label{margin-bottom:26px}:where(.services-index-page) .also{grid-template-columns:repeat(5,minmax(0,1fr));display:grid}:where(.services-index-page) .also a{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:4px 10px;height:100%;padding:20px clamp(12px,1.4vw,24px) 22px 0;display:grid}:where(.services-index-page) .also li+li a{border-left:1px solid var(--line);padding-left:clamp(12px,1.4vw,24px)}:where(.services-index-page) .also-name{letter-spacing:-.03em;font-size:clamp(17px,1.35vw,22px);font-weight:500}:where(.services-index-page) .also svg{color:var(--faint);transition:transform .24s var(--ease-out), color .18s ease;grid-area:1/2;align-self:start;margin-top:5px}:where(.services-index-page) .also a:hover svg,:where(.services-index-page) .also a:focus-visible svg{color:var(--red-text);transform:translate(3px)}@media (max-width:1050px){:where(.services-index-page) .open-jump{grid-template-columns:repeat(2,minmax(0,1fr))}:where(.services-index-page) .open-jump a:nth-child(3){border-left:0;padding-left:0}:where(.services-index-page) .open-jump a:nth-child(n+3){border-top:1px solid var(--line)}:where(.services-index-page) .row{grid-template-columns:1fr}:where(.services-index-page) .ai-tools{width:100%}:where(.services-index-page) .row-name{margin-top:22px}:where(.services-index-page) .wall{grid-template-columns:repeat(3,minmax(0,1fr))}:where(.services-index-page) .wall-words{grid-area:auto/1/auto/-1}:where(.services-index-page) .ai-line{grid-template-columns:repeat(2,minmax(0,1fr))}:where(.services-index-page) .ai-offer:nth-child(3) a{border-left:0;padding-left:0}:where(.services-index-page) .ai-offer:nth-child(n+3) a{border-top:1px solid var(--line)}:where(.services-index-page) .also{grid-template-columns:repeat(2,minmax(0,1fr))}:where(.services-index-page) .also li:nth-child(odd) a{border-left:0;padding-left:0}}@media (max-width:620px){:where(.services-index-page) .open-jump a{grid-template-columns:auto minmax(0,1fr);gap:10px;padding-block:13px 14px;font-size:15px}:where(.services-index-page) .open-jump a svg{display:none}:where(.services-index-page) .row{flex-direction:column;gap:0;display:flex}:where(.services-index-page) .row-copy{display:contents}:where(.services-index-page) .row-tiles{order:1;margin-top:28px}:where(.services-index-page) .row-covers{order:2;max-width:none}:where(.services-index-page) .row-foot{order:3}:where(.services-index-page) .ai-tools{order:5}:where(.services-index-page) .ai-tools ul{grid-template-columns:repeat(3,minmax(0,1fr))}:where(.services-index-page) .row-tiles{align-self:stretch;display:block}:where(.services-index-page) .tile:nth-child(2){z-index:1;width:42%;margin:-24% 0 0 auto;position:relative}:where(.services-index-page) .tile:first-child figcaption{max-width:52%}:where(.services-index-page) .tile:nth-child(2) .plate{box-shadow:0 18px 44px #0006}:where(.services-index-page) li.desk-only{display:none}:where(.services-index-page) .wall-door{aspect-ratio:auto;grid-column:1/-1;padding-block:18px}:where(.services-index-page) .wall{grid-template-columns:repeat(2,minmax(0,1fr))}:where(.services-index-page) .ai-plate{margin-inline:-8px}:where(.services-index-page) .ai-line{grid-template-columns:1fr}:where(.services-index-page) .ai-offer a,:where(.services-index-page) .ai-offer+.ai-offer a{border-left:0;padding-inline:0}:where(.services-index-page) .ai-offer+.ai-offer a{border-top:1px solid var(--line)}:where(.services-index-page) .also{grid-template-columns:1fr}:where(.services-index-page) .also li a,:where(.services-index-page) .also li+li a{border-left:0;padding-left:0}}
:where(.services-index-page) .rows{display:contents}:where(.services-index-page) .deck{--card-pad:clamp(26px, 3.3vw, 58px);--card-foot:clamp(34px, 4vw, 70px);--card-radius:clamp(24px, 2.4vw, 34px);--card-gap:clamp(18px, 2vw, 28px);padding-top:clamp(26px,2.8vw,48px)}:where(.services-index-page) .deck-anchor{height:0;display:block}:where(.services-index-page) .deck-anchor:focus{outline:none}:where(.services-index-page) .rows>.row,:where(.services-index-page) .ai-sec{--i:0;--h:0px;--dim:0;margin-bottom:var(--card-gap);transform-origin:50% 0;position:relative}:where(.services-index-page) .ai-sec{--i:3;margin-bottom:0}:where(.services-index-page) .rows>.row{padding:var(--card-pad) var(--card-pad) var(--card-foot);border-radius:var(--card-radius);background:var(--card);color:var(--ink);box-shadow:0 40px 90px #00000047, inset 0 0 0 1px var(--card-edge);overflow:hidden}:where(.services-index-page) .rows>.row:after,:where(.services-index-page) .ai-sec:after{content:"";z-index:3;border-radius:inherit;opacity:var(--dim);pointer-events:none;background:#050606;position:absolute;inset:0}:where(.services-index-page) .ai-sec .ai-plate{padding:var(--card-pad) var(--card-pad) var(--card-foot);border-radius:var(--card-radius)}:where(.services-index-page) .deck .row-name{margin-top:clamp(22px,3vw,56px)}@media (min-width:1051px){:where(.services-index-page) .rows>.row .row-copy{grid-template-rows:auto auto auto 1fr;align-self:stretch}:where(.services-index-page) .rows>.row .row-covers{align-self:end}}:where(.services-index-page) .rows>.row:first-of-type{--card:#ebe7dd;--card-edge:#1b1c190f;--ink:#1b1c19;--muted:#56564e;--faint:#67675f;--line:#1b1c1924;--line-strong:#1b1c1947;--red-text:#991717;--raised:#f8f6f0}:where(.services-index-page) .rows>.row:nth-of-type(2){--card:#232826;--card-edge:#f0efe712;--ink:#f0efe7;--muted:#b9b8ae;--faint:#8f8f86;--line:#f0efe724;--line-strong:#f0efe742;--red-text:#e65353;--raised:#2f3532}:where(.services-index-page) .rows>.row:nth-of-type(3){--card:#1a2327;--card-edge:#e2eef214;--ink:#eef1f0;--muted:#b3bcbd;--faint:#88979a;--line:#e2eef224;--line-strong:#e2eef242;--red-text:#e65353;--raised:#26343a}html.light :where(.services-index-page) .rows>.row:first-of-type{--card:#1f2422;--card-edge:#f0efe712;--ink:#f0efe7;--muted:#b9b8ae;--faint:#8f8f86;--line:#f0efe724;--line-strong:#f0efe742;--red-text:#e65353;--raised:#2c322f}html.light :where(.services-index-page) .rows>.row:nth-of-type(2){--card:#f7f6f1;--card-edge:#1b1c1912;--ink:#1b1c19;--muted:#56564e;--faint:#67675f;--line:#1b1c191f;--line-strong:#1b1c1942;--red-text:#991717;--raised:#fff}html.light :where(.services-index-page) .rows>.row:nth-of-type(3){--card:#dde4e4;--card-edge:#14202414;--ink:#172024;--muted:#4c5a5e;--faint:#58666a;--line:#14202424;--line-strong:#14202447;--red-text:#991717;--raised:#eef2f2}html.light :where(.services-index-page) .rows>.row{box-shadow:0 30px 70px #14100c29, inset 0 0 0 1px var(--card-edge)}:where(.services-index-page) .rows>.row:first-of-type .tile-glow,html.light :where(.services-index-page) .rows>.row:nth-of-type(2) .tile-glow,html.light :where(.services-index-page) .rows>.row:nth-of-type(3) .tile-glow{--glow:.3;filter:blur(72px)saturate(1.2)}html.light :where(.services-index-page) .rows>.row:first-of-type .tile-glow{--glow:.42;filter:blur(72px)saturate(1.5)}html:not(.is-static) :where(.services-index-page) .rows>.row,html:not(.is-static) :where(.services-index-page) .ai-sec{top:min(calc(var(--deck-top,88px) + var(--i) * var(--deck-step,14px)), calc(100svh - var(--h) - 18px));position:sticky}@media (max-width:620px){:where(.services-index-page) .deck{--deck-top:76px;--deck-step:6px;--card-pad:18px;--card-foot:30px;padding-top:22px}:where(.services-index-page) .rows>.row{margin-inline:-8px;padding-top:24px}:where(.services-index-page) .ai-sec .ai-plate{padding-top:24px}}
:where(.services-index-page) .row-tiles{isolation:isolate}:where(.services-index-page) .tile{position:relative}:where(.services-index-page) .tile-glow{z-index:-1;pointer-events:none;filter:blur(72px)saturate(1.5);width:100%;max-width:none;height:auto;opacity:calc(var(--glow,.42) * var(--lit,1) * var(--unveiled,1));position:absolute;top:0;left:0;transform:scale(1.22)}html.light :where(.services-index-page) .tile-glow{--glow:.34;filter:blur(72px)saturate(1.2)}:where(.services-index-page) .ai-plate .tile-glow{--glow:.16}:where(.services-index-page) .ai-spot{z-index:-1;pointer-events:none;width:900px;height:900px;transform:translate3d(var(--px,50%), var(--py,50%), 0);transition:transform .7s var(--ease-out), opacity 1s ease;opacity:0;background:radial-gradient(closest-side,#cc232329,#9917170f 46%,#0000 70%);margin:-450px 0 0 -450px;position:absolute;top:0;left:0}:where(.services-index-page) .ai-plate.is-lit .ai-spot{opacity:1}:where(.services-index-page) .rail{z-index:40;width:var(--gutter);opacity:0;visibility:hidden;gap:2px;transition:opacity .5s,visibility 0s linear .5s;display:grid;position:fixed;top:50%;right:0;transform:translateY(-50%)}:where(.services-index-page) .rail.is-on{opacity:1;visibility:visible;transition-delay:0s}:where(.services-index-page) .rail a{justify-content:flex-end;align-items:center;height:26px;padding-right:clamp(10px,1vw,18px);display:flex;position:relative}:where(.services-index-page) .rail i{background:var(--line-strong);width:12px;height:1px;transition:width .5s var(--ease-out), background-color .3s ease;display:block}:where(.services-index-page) .rail a:hover i{background:var(--ink);width:18px}:where(.services-index-page) .rail a.is-here i{background:var(--red-text);width:24px}:where(.services-index-page) .rail span{white-space:nowrap;font:11px/1.4 var(--mono);color:var(--ink);background:color-mix(in srgb, var(--ground) 82%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px var(--line);opacity:0;transition:opacity .3s ease, transform .4s var(--ease-out);pointer-events:none;border-radius:99px;padding:5px 10px;position:absolute;right:calc(100% - 4px);transform:translate(6px)}:where(.services-index-page) .rail a:hover span{opacity:1;transform:none}@media (max-width:1199px){:where(.services-index-page) .rail{display:none}}@media (max-width:620px){:where(.services-index-page) .tile-glow{filter:blur(44px)saturate(1.4);transform:scale(1.12)}:where(.services-index-page) .ai-spot{display:none}}
