:root{--navy:#07152f;--blue:#195ce8;--blue2:#2c73ff;--text:#162034;--muted:#667085;--line:#e5eaf2;--soft:#f4f7fb;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.section-shell{width:min(1380px,calc(100% - 96px));margin:auto}.site-header{height:90px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;gap:32px;position:relative;z-index:10;border-bottom:1px solid #eef1f5;background:rgba(255,255,255,.95);box-shadow:0 6px 25px rgba(20,35,60,.05)}.brand{display:flex;align-items:center;gap:18px}.brand-mark{font-size:31px;line-height:1;font-weight:800;letter-spacing:-3px;color:var(--navy);padding-right:18px;border-right:1px solid #cbd2dc}.brand-copy{display:flex;flex-direction:column;gap:5px}.brand-copy strong{font-size:13px;letter-spacing:3px;text-transform:uppercase}.brand-copy small{font-size:9px;letter-spacing:4px;text-transform:uppercase}.site-header nav{margin-left:auto;display:flex;gap:46px}.site-header nav a{font-size:15px;font-weight:600;position:relative}.site-header nav a:after{content:"";height:2px;width:0;background:var(--blue);position:absolute;left:0;bottom:-9px;transition:.25s}.site-header nav a:hover:after{width:100%}.button{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:0 34px;background:var(--blue);color:#fff;font-size:15px;font-weight:700;border:1px solid var(--blue);border-radius:3px;box-shadow:0 12px 25px rgba(25,92,232,.18);transition:.25s}.button:hover{transform:translateY(-2px);background:#0b4bd3}.button-small{min-height:50px;padding:0 28px}.button-outline{background:#fff;color:var(--blue);box-shadow:none}.button-outline:hover{background:#eff5ff}.hero{min-height:735px;display:grid;grid-template-columns:47% 53%;align-items:center;padding:65px 0 55px}.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 28px;text-transform:uppercase;letter-spacing:3px;color:var(--blue);font-size:12px;font-weight:800}.eyebrow i{width:4px;height:4px;border-radius:50%;background:currentColor}.hero h1{margin:0;color:var(--navy);font-size:clamp(54px,5vw,78px);line-height:1.07;letter-spacing:-3.5px;font-weight:750}.hero-lead{max-width:585px;margin:32px 0 34px;color:#4d5666;font-size:19px;line-height:1.65}.hero-actions{display:flex;gap:18px}.shape{position:absolute;border-radius:50%;background:#eef4ff}.shape-one{width:560px;height:560px;right:5px;top:20px}.shape-two{width:310px;height:460px;right:18px;top:60px;border-radius:0;background:linear-gradient(145deg,#236cf3,#0a45be);clip-path:polygon(26% 0,100% 0,100% 100%,0 100%,0 25%)}.mockup{position:absolute;background:#fff;border:1px solid #dce2eb;border-radius:10px;box-shadow:0 20px 55px rgba(24,45,80,.16);overflow:hidden}.mockup-bar{height:46px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;font-size:8px}.mockup-bar b{color:#0b3477;letter-spacing:.5px}.mockup-bar span{color:#596273}.mockup-site{width:510px;height:294px;top:42px;left:80px;z-index:3}.mockup-site-body{height:248px;display:grid;grid-template-columns:48% 52%;padding-left:26px;align-items:center}.mockup-site-body small,.shop-body small{font-size:7px;letter-spacing:1.4px;color:var(--blue)}.mockup-site-body h3,.shop-body h3{font-size:22px;line-height:1.15;margin:9px 0 20px;font-weight:600}.mini-button{display:inline-flex;padding:9px 12px;background:var(--blue);color:white;font-size:7px}.room-art{height:100%;background:linear-gradient(145deg,#eee9e0,#d7d2c9);position:relative;overflow:hidden}.room-art:before{content:"";position:absolute;width:145px;height:80px;border-radius:45% 45% 12px 12px;background:#15366c;bottom:32px;left:50px;box-shadow:0 25px 0 -18px #815f47}.room-art i{position:absolute;width:5px;height:130px;background:#6b5a4c;bottom:0;left:25px}.room-art b{position:absolute;width:38px;height:65px;background:#859a78;right:24px;bottom:20px;clip-path:polygon(50% 0,65% 35%,100% 18%,72% 58%,95% 70%,58% 72%,50% 100%,42% 72%,5% 70%,28% 58%,0 18%,35% 35%)}.mockup-shop{width:420px;height:280px;bottom:36px;left:0;z-index:4}.shop-body{height:234px;padding:22px;display:grid;grid-template-columns:48% 52%;background:#fafafa}.shop-body h3{font-size:19px}.mini-button.dark{background:#10141c}.product-art{position:relative;background:#eeece7}.product-art span{position:absolute;width:55px;height:110px;border-radius:8px 8px 4px 4px;background:#16191e;bottom:25px;left:75px;z-index:2}.product-art i,.product-art b{position:absolute;width:75px;height:37px;background:#b9af9f;border-radius:50%;bottom:15px}.product-art i{left:28px}.product-art b{right:15px}.mockup-seo{width:365px;height:270px;bottom:0;right:-5px;z-index:5;padding:23px}.mockup-seo small{color:#5e6979;font-size:10px}.seo-number{font-size:28px;font-weight:700;margin:14px 0}.seo-number em{font-style:normal;color:#12a06a;font-size:10px}.chart{height:82px;border-left:1px solid #e2e7ef;border-bottom:1px solid #e2e7ef;position:relative;background:repeating-linear-gradient(to bottom,transparent 0,transparent 26px,#edf0f5 27px)}.chart:after{content:"";position:absolute;inset:15px 10px 12px 12px;background:var(--blue);clip-path:polygon(0 90%,8% 76%,16% 82%,25% 58%,34% 63%,42% 40%,50% 49%,58% 27%,66% 35%,74% 15%,82% 22%,91% 2%,100% 8%,100% 13%,91% 8%,82% 28%,74% 22%,66% 43%,58% 35%,50% 57%,42% 48%,34% 70%,25% 66%,16% 90%,8% 84%,0 100%)}.seo-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}.seo-stats span{padding:8px;border:1px solid #edf0f4;font-size:7px;color:#7b8491}.seo-stats b{display:block;font-size:12px;color:var(--navy);margin-bottom:3px}.services-strip{border-top:1px solid #edf0f4;border-bottom:1px solid #edf0f4;display:grid;grid-template-columns:repeat(4,1fr);padding:0 max(48px,calc((100% - 1380px)/2))}.services-strip article{padding:38px 42px;min-height:190px;border-right:1px solid var(--line)}.services-strip article:first-child{border-left:1px solid var(--line)}.services-strip span{color:var(--blue);font-size:13px}.services-strip h2{font-size:19px;color:var(--navy);margin:15px 0 9px}.services-strip p{font-size:13px;line-height:1.55;color:var(--muted);margin:0}.intro{padding:130px 0;display:grid;grid-template-columns:1fr 1fr;gap:130px}.intro h2,.section-heading h2,.about h2,.contact h2{font-size:clamp(42px,4.2vw,64px);line-height:1.08;letter-spacing:-2.5px;color:var(--navy);margin:0}.intro-text{padding-top:38px}.intro-text>p{font-size:21px;line-height:1.65;color:#485365;margin:0 0 35px}.text-link{font-size:14px;font-weight:800;color:var(--blue)}.text-link span{margin-left:8px;transition:.2s}.text-link:hover span{margin-left:15px}.projects-section{background:var(--soft);padding:120px 0 130px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:60px}.section-heading>p{max-width:490px;font-size:17px;line-height:1.75;color:var(--muted);margin:0 0 8px}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px}.project-card{background:#fff;border:1px solid #e1e7ef;transition:.3s}.project-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(15,40,80,.1)}.project-preview{height:390px;margin:20px;position:relative;padding:46px 42px;overflow:hidden;background:#dfe9f8}.browser-dots{position:absolute;top:17px;left:18px;font-size:7px;letter-spacing:4px;color:rgba(20,35,60,.35)}.project-brand{font-size:34px;font-weight:800;text-transform:uppercase;letter-spacing:1px}.project-lines{margin:32px 0}.project-lines i{display:block;height:6px;background:currentColor;opacity:.13;margin:10px 0}.project-lines i:nth-child(1){width:66%}.project-lines i:nth-child(2){width:48%}.project-lines i:nth-child(3){width:58%}.project-cta{display:inline-block;border:1px solid currentColor;padding:11px 17px;font-size:11px;font-weight:700}.project-info{min-height:116px;padding:24px 25px;display:grid;grid-template-columns:40px 1fr auto;align-items:center;border-top:1px solid var(--line);gap:14px}.project-info>span{font-size:12px;color:var(--blue)}.project-info h3{margin:0 0 5px;color:var(--navy);font-size:20px}.project-info p{margin:0;color:var(--muted);font-size:12px}.project-info strong{font-size:11px;text-align:right;color:#4e5b70;max-width:160px}.about{padding:135px 0;display:grid;grid-template-columns:42% 58%;align-items:center;gap:105px}.about-card{height:560px;background:linear-gradient(145deg,#f0f5ff,#dce8fb);position:relative;display:grid;place-items:center;overflow:hidden}.about-card:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;border:1px solid #a9c7f5}.about-card>span{font-size:125px;font-weight:900;color:var(--navy);letter-spacing:-15px;z-index:2}.about-grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(25,92,232,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(25,92,232,.07) 1px,transparent 1px);background-size:40px 40px}.about-copy>.lead{font-size:21px;line-height:1.6;color:#354157;margin:32px 0 20px}.about-copy>p:not(.eyebrow):not(.lead){color:var(--muted);font-size:16px;line-height:1.75}.about-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}.about-facts span{font-size:11px;color:var(--muted);padding-top:16px;border-top:2px solid var(--blue)}.about-facts b{display:block;font-size:15px;color:var(--navy);margin-bottom:5px}.process-section{background:var(--navy);padding:115px 0;color:#fff}.process-section .eyebrow{color:#70a2ff}.process-section h2{color:white;font-size:54px;margin:0}.section-heading.compact{margin-bottom:55px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.18)}.process-grid article{padding:36px 35px 15px;border-right:1px solid rgba(255,255,255,.15)}.process-grid article:first-child{border-left:1px solid rgba(255,255,255,.15)}.process-grid span{font-size:12px;color:#71a2ff}.process-grid h3{font-size:19px;margin:28px 0 14px}.process-grid p{font-size:13px;line-height:1.65;color:#aebbd0;margin:0}.contact{margin-top:110px;margin-bottom:110px;padding:80px 75px;background:var(--blue);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:90px}.eyebrow.light{color:#bcd3ff}.contact h2{color:#fff}.contact-copy>p:last-child{max-width:600px;color:#dbe7ff;line-height:1.7;font-size:16px;margin-top:28px}.contact-links{display:flex;flex-direction:column;justify-content:center}.contact-links a{padding:22px 10px;border-bottom:1px solid rgba(255,255,255,.3);display:grid;grid-template-columns:1fr auto;position:relative}.contact-links small{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:#c5d8ff}.contact-links strong{grid-row:2;font-size:22px;margin-top:7px}.contact-links span{grid-column:2;grid-row:1/3;align-self:center;font-size:26px;transition:.2s}.contact-links a:hover span{transform:translateX(7px)}footer{min-height:150px;padding:45px max(48px,calc((100% - 1380px)/2));display:flex;align-items:center;gap:50px;border-top:1px solid var(--line);color:var(--muted)}footer p{font-size:12px;margin-left:auto}footer>span{font-size:11px}.footer-brand{color:var(--text)}
@media(max-width:1100px){.site-header{padding:0 25px}.site-header nav{gap:22px}.section-shell{width:min(100% - 50px,1380px)}.hero{grid-template-columns:1fr;gap:30px;padding-top:80px}.services-strip{grid-template-columns:1fr 1fr;padding:0 25px}.intro,.about{gap:60px}.project-preview{height:330px}.contact{gap:50px}.button-small{display:none}}
@media(max-width:760px){.site-header{height:75px}.site-header nav{display:none}.brand-copy{display:none}.brand-mark{border:0;padding:0}.section-shell{width:calc(100% - 36px)}.hero{padding:58px 0 35px}.hero h1{font-size:45px;letter-spacing:-2.2px}.hero-lead{font-size:17px}.hero-actions{display:grid}.button{width:100%}.mockup-site{left:55px}.services-strip{grid-template-columns:1fr;padding:0 18px}.services-strip article,.services-strip article:first-child{border-left:0;border-right:0;border-bottom:1px solid var(--line);min-height:auto;padding:28px 10px}.intro,.about,.contact{grid-template-columns:1fr;gap:40px}.intro{padding:80px 0}.intro-text{padding:0}.intro h2,.section-heading h2,.about h2,.contact h2{font-size:40px}.projects-section{padding:80px 0}.section-heading{display:block}.section-heading>p{margin-top:25px}.projects-grid{grid-template-columns:1fr}.project-preview{height:270px;margin:12px}.project-info{grid-template-columns:30px 1fr}.project-info strong{display:none}.about{padding:80px 0}.about-card{height:360px}.about-card>span{font-size:90px}.about-facts{grid-template-columns:1fr}.process-section{padding:80px 0}.process-grid{grid-template-columns:1fr}.process-grid article,.process-grid article:first-child{border-left:0;border-right:0;border-bottom:1px solid rgba(255,255,255,.15);padding:28px 5px}.contact{margin-top:60px;margin-bottom:60px;padding:55px 26px}.contact-links strong{font-size:17px}footer{padding:35px 20px;display:grid;gap:20px}footer p{margin:0}.footer-brand .brand-copy{display:flex}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}



.project-sloneczne .project-preview {
  background: url("images/osiedle-sloneczne.webp") top center / cover no-repeat;
}

.project-mebland .project-preview {
  background: url("images/mebland.webp") top center / cover no-repeat;
}

.project-maag .project-preview {
  background: url("images/maag-kostbet.webp") top center / cover no-repeat;
}

.project-darmi .project-preview {
  background: url("images/darmi.webp") top center / cover no-repeat;
}
.hero-showcase.hero-photo {
  height: 610px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 45px;
}

.hero-showcase.hero-photo::before {
  content: "";
  position: absolute;
  width: 540px;
  height: 540px;
  border-radius: 50%;
  background: #eef4ff;
  right: 10px;
  top: 35px;
  z-index: 0;
}

.hero-photo img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  max-width: 760px;
  height: 510px;
  object-fit: cover;
  object-position: center;
  border-radius: 24px;
  box-shadow: 0 30px 65px rgba(24, 45, 80, 0.18);
}


/* TABLET */

@media (max-width: 1100px) {
  .hero-showcase.hero-photo {
    height: auto;
    max-width: 850px;
    padding-left: 0;
    margin: 20px auto 0;
  }

  .hero-showcase.hero-photo::before {
    width: 520px;
    height: 520px;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }

  .hero-photo img {
    max-width: 820px;
    height: 480px;
  }
}


/* TELEFON */

@media (max-width: 760px) {
  .hero-showcase.hero-photo {
    width: 100%;
    height: auto;
    max-width: none;
    margin: 35px 0 0;
    padding: 0;
    transform: none;
  }

  .hero-showcase.hero-photo::before {
    width: 280px;
    height: 280px;
    right: -35px;
    top: 50%;
    transform: translateY(-50%);
  }

  .hero-photo img {
    width: 100%;
    max-width: none;
    height: 330px;
    border-radius: 18px;
    object-position: center;
  }
}

@media (max-width: 480px) {
  .hero-photo img {
    height: 260px;
  }
}