/* Web development integrated into the existing services grid. */
#web-stranice{scroll-margin-top:105px}
.service-web-cta{color:var(--blue,#69d9ff);font-size:12px;text-decoration:none;margin-top:18px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.service-web-cta:hover{text-decoration:underline}
@media(min-width:1200px){.services{grid-template-columns:repeat(12,minmax(0,1fr))}.services>.service{grid-column:span 3}.services>.service:nth-child(n+5){grid-column:span 4}.services:has(>.service[hidden]){grid-template-columns:repeat(3,minmax(0,1fr))}.services:has(>.service[hidden])>.service{grid-column:auto}}
@media(min-width:431px) and (max-width:1199px){.services{grid-template-columns:repeat(2,minmax(0,1fr))}.services:not(:has(>.service[hidden]))>.service:last-child{grid-column:1/-1}}
/* The real link stretches over its card and remains keyboard accessible. */
.service{position:relative}.service-action{display:flex;justify-content:space-between;gap:12px;color:var(--blue,#69d9ff);font-size:12px;margin-top:20px;text-decoration:none}.service-action:after{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit}.service-action:focus-visible{outline:none}.service:has(.service-action:focus-visible){outline:2px solid #6bdcff;outline-offset:4px}.service:hover .service-action{text-decoration:underline}
.web-studio{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 90% 38%,#3532713b,transparent 50%),radial-gradient(ellipse at 5% 10%,#11435840,transparent 45%),#080e17;border-block:1px solid #284053;padding:72px 0}
.web-studio:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.14;background-image:linear-gradient(#517a9129 1px,transparent 1px),linear-gradient(90deg,#517a9129 1px,transparent 1px);background-size:64px 64px;pointer-events:none}
.web-topline{display:flex;justify-content:space-between;gap:20px;align-items:center;font:10px monospace;letter-spacing:2px;color:#83a1b8;padding-bottom:24px;border-bottom:1px solid #294051}.web-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:36px;padding:70px 0 62px}.web-copy{min-width:0;position:relative;z-index:2}.web-copy h2{font-size:clamp(38px,4.6vw,65px);line-height:1.06;letter-spacing:-2.5px;margin:24px 0}.web-copy h2 em{font-style:normal;background:linear-gradient(100deg,#9cf4ed,#63baff 60%,#b8a1ff);background-clip:text;-webkit-background-clip:text;color:transparent}.web-copy .eyebrow{font-size:10px;letter-spacing:1.5px}.web-intro{font-size:17px;line-height:1.8;color:#afc0d0;max-width:520px}.web-pills{display:flex;flex-wrap:wrap;gap:7px;margin:24px 0 30px}.web-pills span{font-size:11px;border:1px solid #365165;padding:7px 11px;border-radius:30px;color:#c1d5e5;background:#17293870}.web-cta{background:linear-gradient(110deg,#96efe7,#75bbff);color:#081321;box-shadow:0 8px 38px #70ceff18}.web-copy .web-note{font-size:12px;line-height:1.7;color:#8097ad;max-width:440px;margin:18px 0 0}
.web-art{height:410px;min-width:0;position:relative;perspective:1100px}.web-orbit{position:absolute;width:440px;height:440px;border:1px solid #76a6f127;border-radius:50%;top:-15px;left:2%;box-shadow:0 0 100px #556edb13,inset 0 0 80px #48dada0b}.web-orbit:before{content:"";position:absolute;inset:30px;border:1px dashed #7eafdb23;border-radius:50%;animation:web-spin 50s linear infinite}.web-browser{position:absolute;inset:36px 0 auto;border:1px solid #7099b76e;border-radius:13px;background:#0c1824;box-shadow:0 35px 75px #0007;transform:rotateY(-8deg) rotateX(5deg) rotateZ(-3deg);animation:web-float 8s ease-in-out infinite;overflow:hidden}.web-chrome{height:32px;display:flex;align-items:center;gap:5px;padding:0 12px;background:#152637;border-bottom:1px solid #375166}.web-chrome i{width:5px;height:5px;border-radius:50%;background:#6e859c}.web-chrome i:first-child{background:#6ed4cf}.web-chrome span{margin:auto;font:8px monospace;letter-spacing:1px;color:#a3b8ca}.web-chrome b{font-size:13px;color:#9abbd4}.web-canvas{height:278px;padding:22px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 50%,#4f4c9550,transparent 55%),#101522}.web-mini-nav{display:flex;justify-content:space-between;position:relative;z-index:2;font-size:10px;letter-spacing:1px;color:#dce8f6}.web-mini-nav span{color:#8f9dae;font-size:6px}.web-mini-copy{position:relative;z-index:1;padding-top:38px}.web-mini-copy>span{font:7px monospace;letter-spacing:2px;color:#a9ceea}.web-mini-copy strong{display:block;font-size:clamp(24px,2.7vw,37px);line-height:1.15;letter-spacing:-1.2px;color:#f5f4ff;margin:13px 0 19px;font-weight:550}.web-mini-copy i{font-style:normal;font-size:8px;color:#131d28;background:#b7e4f7;padding:7px 11px;border-radius:3px}.web-shape{position:absolute;width:190px;height:190px;right:-8px;top:64px;background:conic-gradient(from 30deg,#96ffeb,#4593d4,#7160ce,#b5a2ee,#96ffeb);border-radius:37% 63% 54% 46% / 47% 35% 65% 53%;box-shadow:inset -20px -15px 35px #0d154cb0,0 0 50px #8584df20;transform:rotate(-25deg);animation:web-morph 10s ease-in-out infinite;opacity:.9}.web-shape:after{content:"";position:absolute;inset:33px;border-radius:50%;background:#131929;box-shadow:inset 10px 8px 25px #000a}.web-mini-bottom{display:flex;justify-content:space-between;position:absolute;bottom:16px;left:22px;right:22px;border-top:1px solid #6e86a43b;padding-top:12px;font:6px monospace;letter-spacing:1px;color:#a0b2c7}
.web-phone{position:absolute;right:-8px;bottom:25px;width:112px;height:225px;border:4px solid #52657c;border-radius:23px;background:radial-gradient(circle at 45% 30%,#5951a077,transparent 50%),#111827;box-shadow:0 24px 40px #0008;transform:rotate(8deg);padding:26px 10px 10px;overflow:hidden;z-index:2}.web-phone-notch{position:absolute;top:6px;left:35%;width:30%;height:5px;background:#020710;border-radius:9px}.web-phone>span{font-size:6px;font-weight:700;color:#e5f1ff}.web-phone-orb{height:60px;width:60px;margin:15px auto 11px;border-radius:50%;border:13px solid #8da4e8;box-shadow:inset 3px 4px 10px #030717,3px 3px 16px #879add6b}.web-phone strong{display:block;font-size:12px;line-height:1.2;color:#eff2fc}.web-phone>i{font-style:normal;position:absolute;bottom:15px;right:10px;background:#abe3ea;border-radius:50%;color:#101727;width:19px;height:19px;text-align:center;font-size:11px}.web-badge{position:absolute;left:0;bottom:38px;border:1px solid #658ea34f;background:#102536ed;box-shadow:0 10px 30px #0005;backdrop-filter:blur(15px);padding:13px 17px;border-radius:9px;font-size:10px;color:#d7effa;z-index:3;max-width:70%}.web-caption{position:absolute;bottom:-18px;left:0;right:0;font-size:9px;text-align:center;color:#7c94a9;line-height:1.5}.web-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #2e4357;border-radius:10px;overflow:hidden;background:#10203170}.web-features article{padding:25px 23px}.web-features article+article{border-left:1px solid #2e4357}.web-features article>span{font:10px monospace;color:#79cbdc;display:block;margin-bottom:22px}.web-features h3{font-size:17px;margin-bottom:12px;color:#e1eef8}.web-features p{font-size:12px;line-height:1.8;color:#a3b5c6;margin:0}
@keyframes web-float{50%{transform:translateY(-9px) rotateY(-5deg) rotateX(3deg) rotateZ(-1deg)}}@keyframes web-spin{to{transform:rotate(360deg)}}@keyframes web-morph{50%{transform:rotate(10deg);border-radius:60% 40% 37% 63% / 35% 60% 40% 65%}}
@media(max-width:1100px){.web-copy h2{font-size:45px}.web-stage{gap:24px}.web-shape{width:150px;height:150px;right:-25px}.web-mini-copy strong{font-size:28px}.web-orbit{width:340px;height:340px}.web-features article{padding:23px 17px}}
@media(max-width:760px){.web-studio{padding:42px 0}.web-stage{grid-template-columns:1fr;padding:42px 0 55px;gap:20px}.web-copy h2{font-size:clamp(36px,8vw,58px);letter-spacing:-1.5px}.web-intro{font-size:15px}.web-topline{font-size:8px;letter-spacing:1px}.web-topline>span:last-child{display:none}.web-art{width:min(100%,510px);height:375px;margin:10px auto 0}.web-browser{inset:25px 16px auto 4px}.web-canvas{height:270px}.web-mini-copy strong{font-size:32px}.web-shape{width:180px;height:180px;right:0}.web-phone{right:0;bottom:0}.web-badge{bottom:13px}.web-caption{bottom:-30px}.web-features{grid-template-columns:repeat(2,minmax(0,1fr))}.web-features article:nth-child(3){border-left:0}.web-features article:nth-child(n+3){border-top:1px solid #2e4357}.web-orbit{left:5%;width:90%;height:90%}}
@media(max-width:400px){.web-art{height:335px}.web-canvas{height:235px;padding:16px}.web-mini-copy{padding-top:25px}.web-mini-copy strong{font-size:26px}.web-phone{width:92px;height:195px;padding:23px 7px 8px}.web-phone-orb{width:46px;height:46px;border-width:10px}.web-phone strong{font-size:10px}.web-badge{padding:10px;font-size:9px;max-width:65%}.web-features article{padding:20px 14px}.web-shape{width:135px;height:135px;right:-15px}.web-shape:after{inset:25px}.web-mini-bottom{font-size:5px;left:16px;right:16px}}
@media(prefers-reduced-motion:reduce){.web-browser,.web-orbit:before,.web-shape{animation:none}}
.effects-off .web-browser,.effects-off .web-orbit:before,.effects-off .web-shape,.page-hidden .web-browser,.page-hidden .web-orbit:before,.page-hidden .web-shape{animation-play-state:paused}