@import url("/__environment.css");
/* WebCraft only: never load together with chrome.css. */
.webcraft-layout {
      --bg:#0c1020;
      --bg-2:#11172b;
      --text:#0f172a;
      --muted:#667085;
      --white:#fff;
      --line:#e6e9f2;
      --soft:#f7f8fc;
      --primary:#6457f5;
      --primary-2:#7e68ff;
      --shadow:0 24px 70px rgba(10,15,35,.18);
      --radius:22px;
      --container:min(1180px, calc(100% - 40px));
    }
.webcraft-layout * {box-sizing:border-box}
.webcraft-layout {scroll-behavior:smooth}
.webcraft-layout {
      margin:0;
      font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      color:var(--text);
      background:#fff;
      line-height:1.6;
    }
.webcraft-layout img {max-width:100%;display:block}
.webcraft-layout a {text-decoration:none;color:inherit}
.webcraft-layout button, .webcraft-layout input, .webcraft-layout textarea {font:inherit}
.webcraft-layout .container {width:var(--container);margin-inline:auto}
.webcraft-layout .hero {
      position:relative;
      overflow:hidden;
      color:#fff;
      background:
        radial-gradient(circle at 78% 14%, rgba(102,87,255,.33), transparent 32%),
        radial-gradient(circle at 62% 64%, rgba(65,79,255,.18), transparent 30%),
        linear-gradient(135deg,#090d18 0%,#10172c 62%,#11172c 100%);
    }
.webcraft-layout .hero::before, .webcraft-layout .hero::after {
      content:"";
      position:absolute;
      border-radius:999px;
      filter:blur(.2px);
      pointer-events:none;
    }
.webcraft-layout .hero::before {
      width:560px;height:170px;
      right:-110px;top:-20px;
      background:linear-gradient(90deg,#5360ff,#7157ff);
      transform:rotate(-14deg);
      opacity:.9;
    }
.webcraft-layout .hero::after {
      width:520px;height:150px;
      right:-120px;bottom:-35px;
      background:linear-gradient(90deg,#6e49ff,#3f54ff);
      transform:rotate(10deg);
      opacity:.72;
    }
.webcraft-layout .nav {
      min-height:100px;
      display:flex;
      align-items:center;
      gap:24px;
      position:relative;
      z-index:2;
      border-bottom:1px solid rgba(255,255,255,.09);
    }
.webcraft-layout .brand {
      display:inline-flex;
      align-items:center;
      width:252px;
      max-width:100%;
      flex-shrink:0;
      border-radius:8px;
    }
.webcraft-layout .brand-logo {width:100%;height:auto;display:block}
.webcraft-layout .nav-links {
      display:flex;gap:22px;align-items:center;font-size:14px;
      margin-left:auto;white-space:nowrap;
    }
.webcraft-layout .nav-links a {color:rgba(255,255,255,.76)}
.webcraft-layout .nav-links a:hover, .webcraft-layout .nav-links a.active {color:#fff}
.webcraft-layout .nav-links .active {position:relative}
.webcraft-layout .nav-links .active::after {
      content:"";position:absolute;left:0;right:0;bottom:-10px;height:2px;background:#6b73ff;border-radius:2px
    }
.webcraft-layout .nav-cta {
      white-space:nowrap;flex-shrink:0;padding:12px 18px;border:1px solid rgba(255,255,255,.35);border-radius:10px;
      background:linear-gradient(135deg,var(--primary),var(--primary-2));
      box-shadow:0 10px 30px rgba(82,88,255,.32);
      font-weight:700;font-size:14px;
    }
.webcraft-layout .hero-grid {
      display:grid;
      grid-template-columns:1.05fr .95fr;
      gap:42px;
      min-height:620px;
      align-items:center;
      position:relative;
      z-index:2;
      padding:60px 0 70px;
    }
.webcraft-layout .eyebrow {
      text-transform:uppercase;
      letter-spacing:.24em;
      font-size:12px;
      font-weight:800;
      color:#aeb6d2;
      margin-bottom:18px;
    }
.webcraft-layout h1 {
      margin:0;
      font-size:clamp(46px,6vw,78px);
      line-height:.98;
      letter-spacing:-.045em;
      max-width:680px;
    }
.webcraft-layout .gradient-text {
      background:linear-gradient(90deg,#6470ff,#4f65ff 45%,#5e50ff);
      -webkit-background-clip:text;background-clip:text;color:transparent;
    }
.webcraft-layout .hero-copy p {
      font-size:18px;
      color:#c7ccdc;
      max-width:650px;
      margin:26px 0 34px;
    }
.webcraft-layout .actions {display:flex;gap:16px;flex-wrap:wrap}
.webcraft-layout .btn {
      display:inline-flex;align-items:center;justify-content:center;gap:10px;
      min-height:52px;padding:0 24px;border-radius:10px;font-weight:800;font-size:15px;
      transition:.2s ease;
    }
.webcraft-layout .btn-primary {
      color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-2));
      box-shadow:0 16px 35px rgba(82,93,255,.30);
    }
.webcraft-layout .btn-primary:hover {transform:translateY(-2px)}
.webcraft-layout .btn-secondary {
      color:#fff;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.02)
    }
.webcraft-layout .proofs {
      display:flex;gap:28px;flex-wrap:wrap;margin-top:46px;color:#c7ccdc;font-size:13px;
    }
.webcraft-layout .proof {display:flex;gap:9px;align-items:center}
.webcraft-layout .proof i {font-style:normal;font-size:18px}
.webcraft-layout .visual {position:relative;height:480px}
.webcraft-layout .laptop {
      position:absolute;left:0;right:32px;top:36px;
      background:#111;border:8px solid #171717;border-radius:18px 18px 12px 12px;
      box-shadow:0 35px 70px rgba(0,0,0,.45);
      transform:rotate(-2deg);
    }
.webcraft-layout .laptop::after {
      content:"";position:absolute;left:-38px;right:-38px;bottom:-25px;height:26px;border-radius:0 0 18px 18px;
      background:linear-gradient(#565961,#1f2025);
      box-shadow:0 8px 18px rgba(0,0,0,.45);
    }
.webcraft-layout .screen {
      background:#f8fafc;border-radius:10px;overflow:hidden;color:#111;aspect-ratio:16/10;
    }
.webcraft-layout .mini-nav {
      height:58px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;font-size:10px;background:#fff
    }
.webcraft-layout .mini-brand {font-weight:800}
.webcraft-layout .mini-links {display:flex;gap:18px;color:#555}
.webcraft-layout .mini-hero {
      display:grid;grid-template-columns:1.05fr .95fr;min-height:220px;background:linear-gradient(90deg,#fff,#eef3fb)
    }
.webcraft-layout .mini-copy {padding:28px}
.webcraft-layout .mini-copy h3 {font-size:24px;line-height:1.05;margin:0 0 10px}
.webcraft-layout .mini-copy p {font-size:10px;color:#697386}
.webcraft-layout .mini-btn {display:inline-block;margin-top:10px;background:#5865f2;color:#fff;border-radius:6px;padding:8px 12px;font-size:9px;font-weight:700}
.webcraft-layout .mini-photo {
      background:
        linear-gradient(180deg,transparent 0 52%,rgba(0,0,0,.1) 100%),
        linear-gradient(135deg,#c8d0db,#eef2f8 40%,#677384 41% 58%,#2f3947 59%);
      position:relative;
    }
.webcraft-layout .mini-photo::before, .webcraft-layout .mini-photo::after {
      content:"";position:absolute;background:#242e3a
    }
.webcraft-layout .mini-photo::before {left:35%;top:26%;width:47%;height:54%;transform:skewY(-8deg)}
.webcraft-layout .mini-photo::after {left:48%;top:14%;width:38%;height:62%;opacity:.82}
.webcraft-layout .mini-features {
      display:grid;grid-template-columns:repeat(3,1fr);padding:14px 24px;background:#fff;font-size:9px;font-weight:700
    }
.webcraft-layout .phone {
      position:absolute;right:-10px;bottom:10px;width:150px;height:300px;background:#0b0b0d;
      border:6px solid #111;border-radius:28px;box-shadow:0 25px 50px rgba(0,0,0,.5);
      transform:rotate(1deg);padding:6px;z-index:3;
    }
.webcraft-layout .phone-screen {height:100%;border-radius:19px;overflow:hidden;background:#fff;color:#111}
.webcraft-layout .notch {width:66px;height:16px;background:#111;border-radius:0 0 12px 12px;margin:0 auto}
.webcraft-layout .phone-content {padding:16px 13px}
.webcraft-layout .phone-content h4 {font-size:19px;line-height:1.05;margin:18px 0 10px}
.webcraft-layout .phone-content p {font-size:9px;color:#747b88}
.webcraft-layout .phone-card {height:96px;margin-top:18px;border-radius:12px;background:linear-gradient(135deg,#e8edf3 0 40%,#737f8e 40% 64%,#2e3947 64%)}
.webcraft-layout section {padding:90px 0}
.webcraft-layout .section-head {text-align:center;max-width:820px;margin:0 auto 50px}
.webcraft-layout .section-kicker {
      color:#5966f4;text-transform:uppercase;font-size:12px;letter-spacing:.2em;font-weight:900;margin-bottom:10px
    }
.webcraft-layout h2 {font-size:clamp(32px,4vw,50px);line-height:1.05;letter-spacing:-.04em;margin:0 0 14px}
.webcraft-layout .section-head p {color:var(--muted);font-size:17px;margin:0}
.webcraft-layout .services {display:grid;grid-template-columns:repeat(5,1fr);gap:24px}
.webcraft-layout .service {padding:12px 4px}
.webcraft-layout .icon-box {
      width:58px;height:58px;border-radius:13px;background:#eef0ff;display:grid;place-items:center;
      color:#5562f3;font-size:27px;margin-bottom:18px
    }
.webcraft-layout .service h3 {font-size:18px;margin:0 0 8px}
.webcraft-layout .service p {margin:0;color:var(--muted);font-size:14px;line-height:1.6}
.webcraft-layout .portfolio {padding-top:10px}
.webcraft-layout .portfolio-head {display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:26px}
.webcraft-layout .portfolio-head h2 {margin:0}
.webcraft-layout .portfolio-link {color:#5762f4;font-weight:800;font-size:14px}
.webcraft-layout .projects {display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.webcraft-layout .project-card {background:#fff}
.webcraft-layout .thumb {
      aspect-ratio:1.55/1;border-radius:8px;overflow:hidden;position:relative;
      box-shadow:0 14px 30px rgba(28,35,60,.08);border:1px solid #eceef4
    }
.webcraft-layout .thumb .sitebar {height:24px;background:rgba(255,255,255,.92);display:flex;align-items:center;padding:0 10px;font-size:7px;font-weight:800}
.webcraft-layout .thumb .mock {height:calc(100% - 24px);display:grid;grid-template-columns:1fr 1fr}
.webcraft-layout .thumb .mock .copy {padding:20px 14px}
.webcraft-layout .thumb .mock .copy b {display:block;font-size:12px;line-height:1.1;margin-bottom:7px}
.webcraft-layout .thumb .mock .copy span {font-size:6px;color:#7a8190}
.webcraft-layout .thumb .mock .art {background:linear-gradient(145deg,#d9d7d0,#f5f3ef 45%,#8f8f88 46% 50%,#d2d0c9 50%)}
.webcraft-layout .project-card.dark .thumb {background:#0f1117;color:#fff}
.webcraft-layout .project-card.dark .thumb .sitebar {background:#11141a}
.webcraft-layout .project-card.dark .thumb .mock .art {background:radial-gradient(circle at 50% 50%,#f0a839 0 14%,#7a3a10 15% 22%,#151515 23% 100%)}
.webcraft-layout .project-card.fit .thumb {background:#111729;color:#fff}
.webcraft-layout .project-card.fit .thumb .sitebar {background:#111729}
.webcraft-layout .project-card.fit .thumb .mock .art {background:linear-gradient(90deg,#1b2234 0 40%,#b3896c 40% 43%,#202632 43% 100%)}
.webcraft-layout .project-card.shop .thumb .mock .art {background:linear-gradient(145deg,#eee9df 0 30%,#cbbba3 30% 48%,#faf7f1 48% 100%)}
.webcraft-layout .project-meta {font-size:13px;color:#70788a;margin-top:11px}
.webcraft-layout .process {
      background:linear-gradient(180deg,#f8f9ff,#f5f7fc);
      border-top:1px solid #edf0f6;border-bottom:1px solid #edf0f6
    }
.webcraft-layout .steps {display:grid;grid-template-columns:repeat(4,1fr);gap:34px;margin-top:46px}
.webcraft-layout .step {display:grid;grid-template-columns:42px 1fr;gap:16px}
.webcraft-layout .step-num {
      width:42px;height:42px;border-radius:50%;display:grid;place-items:center;
      background:linear-gradient(135deg,#5e6bff,#6048ff);color:#fff;font-weight:900;font-size:13px;
      box-shadow:0 10px 24px rgba(84,96,255,.28)
    }
.webcraft-layout .step h3 {font-size:16px;margin:0 0 6px}
.webcraft-layout .step p {font-size:13px;color:var(--muted);margin:0}
.webcraft-layout .cta {
      color:#fff;background:
      radial-gradient(circle at 83% 40%,rgba(92,76,255,.25),transparent 28%),
      linear-gradient(135deg,#0a0f1d,#11172a);
      overflow:hidden;position:relative
    }
.webcraft-layout .cta::after {
      content:"";position:absolute;width:420px;height:100px;right:-90px;bottom:30px;border-radius:999px;
      background:linear-gradient(90deg,#6a53ff,#475bff);transform:rotate(-10deg);opacity:.5
    }
.webcraft-layout .cta-grid {display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:40px;position:relative;z-index:2}
.webcraft-layout .cta h2 {font-size:44px;max-width:570px}
.webcraft-layout .cta p {color:#c6ccdb;font-size:16px;max-width:540px}
.webcraft-layout .cta .proofs {margin-top:24px}
.webcraft-layout .cta-card {
      justify-self:end;width:100%;max-width:520px;transform:rotate(-4deg);
      border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:26px;
      background:linear-gradient(145deg,#11162a,#0d1120);box-shadow:var(--shadow)
    }
.webcraft-layout .cta-card .tiny {font-size:10px;color:#9ea7be;text-transform:uppercase;letter-spacing:.18em}
.webcraft-layout .cta-card h3 {font-size:36px;line-height:1.05;margin:24px 0 16px}
.webcraft-layout .cta-card p {font-size:13px}
.webcraft-layout .cta-card .outline {
      display:inline-flex;margin-top:20px;padding:11px 16px;border:1px solid rgba(255,255,255,.25);border-radius:9px;font-size:13px;font-weight:700
    }
.webcraft-layout footer {background:#080c17;color:#a5aec2;padding:34px 0;font-size:13px}
.webcraft-layout .footer-brand {display:flex;flex-direction:column;gap:14px}
.webcraft-layout footer .brand {width:212px}
.webcraft-layout footer .container {display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
@media (max-width: 1100px) {
  .webcraft-layout .nav-links {display:none}
  .webcraft-layout .nav-cta {margin-left:auto}
}
@media (max-width: 980px) {
.webcraft-layout .hero-grid, .webcraft-layout .cta-grid {grid-template-columns:1fr}
.webcraft-layout .hero-grid {padding-top:32px}
.webcraft-layout .visual {height:430px;max-width:720px;width:100%}
.webcraft-layout .services {grid-template-columns:repeat(2,1fr)}
.webcraft-layout .projects {grid-template-columns:repeat(2,1fr)}
.webcraft-layout .steps {grid-template-columns:repeat(2,1fr)}
.webcraft-layout .cta-card {justify-self:start}
}
@media (max-width: 640px) {
.webcraft-layout {--container:min(100% - 28px,1180px)}
.webcraft-layout .nav {
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  gap:16px;min-height:0;padding:20px 0;
}
.webcraft-layout .hero::before {width:360px;height:110px;right:-260px;top:560px;opacity:.35}
.webcraft-layout .nav .brand {width:clamp(190px, 55vw, 240px)}
.webcraft-layout .nav-cta {
  grid-column:1 / -1;grid-row:2;margin-left:0;
  text-align:center;padding:11px 16px;font-size:14px;
}
.webcraft-layout .language-links {grid-column:2;grid-row:1}
.webcraft-layout footer .container {align-items:flex-start;flex-direction:column}
.webcraft-layout .hero-grid {min-height:auto;padding:40px 0 55px}
.webcraft-layout h1 {font-size:48px}
.webcraft-layout .hero-copy p {font-size:16px}
.webcraft-layout .visual {height:350px}
.webcraft-layout .laptop {right:15px}
.webcraft-layout .phone {width:110px;height:230px;right:-2px}
.webcraft-layout .phone-content h4 {font-size:14px}
.webcraft-layout .phone-card {height:70px}
.webcraft-layout section {padding:70px 0}
.webcraft-layout .services, .webcraft-layout .projects, .webcraft-layout .steps {grid-template-columns:1fr}
.webcraft-layout .portfolio-head {align-items:flex-start;gap:16px;flex-direction:column}
.webcraft-layout .cta h2 {font-size:38px}
.webcraft-layout .cta-card h3 {font-size:29px}
}

.webcraft-layout .skip-link { position: absolute; left: -10000px; z-index: 10; }
.webcraft-layout .skip-link:focus { left: 16px; top: 8px; background: #fff; color: #11172b; padding: 10px 16px; border-radius: 8px; }
.webcraft-layout :focus-visible { outline: 3px solid #8e96ff; outline-offset: 4px; }
.webcraft-layout .language-links {display:flex;gap:4px;flex-shrink:0;font-size:12px}
.webcraft-layout .language-links a {display:grid;place-items:center;min-width:30px;min-height:36px;color:#c7ccdc;border-radius:7px}
.webcraft-layout .language-links a:hover {background:rgba(255,255,255,.08);color:#fff}
html[lang="pl"] .webcraft-layout .language-links a[lang="pl"],
html[lang="en"] .webcraft-layout .language-links a[lang="en"] {color:#fff;background:rgba(168,159,255,.16)}
.webcraft-layout .contact-actions { margin-top: 28px; }
.webcraft-layout .phone-brand { font-size: 8px; }
.webcraft-layout #content { padding: 0; }
.webcraft-layout .visual { min-width: 0; }
.webcraft-layout .hero-copy, .webcraft-layout .cta-grid > div { min-width: 0; }
.webcraft-layout a.btn { color: #fff; }
@media (max-width: 640px) {
  .webcraft-layout .mini-copy { padding: 14px; }
  .webcraft-layout .mini-copy h3 { font-size: 18px; }
  .webcraft-layout .mini-nav { padding: 0 12px; }
  .webcraft-layout .mini-links { gap: 6px; font-size: 8px; }
  .webcraft-layout .laptop::after { left: -8px; right: -8px; }
}
@media (prefers-reduced-motion: reduce) {
  .webcraft-layout { scroll-behavior: auto; }
  .webcraft-layout .btn { transition: none; }
  .webcraft-layout .btn-primary:hover { transform: none; }
}