:root{--navy:#062b49;--navy2:#0a3659;--ink:#0b2c49;--white:#fff;--line:#d7e0e7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;overflow-x:hidden}a{text-decoration:none;color:inherit}svg{display:block}.header{height:108px;background:#fff;position:relative;z-index:20}.header:after{content:"";position:absolute;left:-3%;right:-3%;bottom:-24px;height:44px;background:#fff;border-radius:0 0 50% 50%;z-index:-1}.header-inner{height:100%;max-width:1450px;margin:auto;padding:0 54px;display:grid;grid-template-columns:270px 1fr auto;align-items:center;gap:28px}.logo-wrap{height:98px;display:flex;align-items:center;overflow:visible}.logo-wrap img{width:255px;height:94px;object-fit:contain;display:block}.nav{display:flex;justify-content:center;gap:32px;font-size:13px;font-weight:700;white-space:nowrap}.nav a{padding:18px 0 10px;position:relative}.nav .active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--navy)}.header-right{display:flex;align-items:center;gap:20px;white-space:nowrap}.phone{font-weight:800;font-size:16px}.cta{height:48px;padding:0 22px;border-radius:26px;background:var(--navy);color:#fff;display:flex;align-items:center;gap:9px;font-size:14px;font-weight:800}.menu{display:none;background:none;border:0}.menu span{display:block;width:28px;height:3px;background:var(--navy);margin:5px 0}.hero{position:relative;color:#fff;background:url('assets/alesund-background-final.jpg') center 52%/cover no-repeat;min-height:615px;padding-top:46px}.overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,24,43,.82),rgba(3,24,43,.58) 36%,rgba(3,24,43,.12) 68%,rgba(3,24,43,.08))}.hero-content{position:relative;z-index:2;max-width:1450px;margin:auto;padding:62px 76px 180px;display:flex;justify-content:space-between;gap:40px}.eyebrow{font-size:15px;letter-spacing:.42em;margin-bottom:12px}.copy h1{font-size:50px;line-height:1.05;margin:0 0 15px;font-weight:900;letter-spacing:-.02em}.copy p{font-size:18px;line-height:1.5;margin:0 0 22px}.buttons{display:flex;gap:14px}.pill{min-height:50px;padding:0 26px;border-radius:28px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:800;font-size:15px}.pill.solid{background:var(--navy)}.pill.outline{border:2px solid #fff;background:rgba(6,43,73,.45)}.values{font-family:"Brush Script MT","Segoe Script",cursive;font-size:38px;line-height:1.02;transform:rotate(-4deg);align-self:flex-end;margin:0 52px 62px 0;text-align:center;text-shadow:0 2px 5px rgba(0,0,0,.28)}.values span{display:block}.values:after{content:"";display:block;width:130px;border-top:3px solid #fff;margin:8px auto 0;transform:rotate(-3deg)}.services{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);z-index:3;width:min(1420px,calc(100% - 70px));display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.service{height:150px;border:1px solid rgba(255,255,255,.27);border-radius:8px;background:rgba(3,48,81,.89);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px 8px;box-shadow:0 10px 22px rgba(0,0,0,.18)}.service svg{width:48px;height:48px;fill:#fff;margin:0 auto 10px;flex:0 0 48px}.service strong{font-size:13px;line-height:1.14}.service small{font-size:11px}.trust{border-bottom:1px solid var(--line);background:#fff}.trust-inner{max-width:1450px;margin:auto;min-height:98px;display:grid;grid-template-columns:repeat(3,1fr)}.trust-item{display:flex;align-items:center;gap:20px;padding:18px 46px;border-right:1px solid #cfd8e0}.trust-item:last-child{border-right:0}.trust-item svg{width:40px;height:40px;fill:var(--navy);flex:0 0 40px}.trust-item b,.trust-item span{display:block}.trust-item b{font-size:16px;margin-bottom:4px}.trust-item span{font-size:13px}.about-inner{max-width:1450px;margin:auto;padding:40px 60px 38px;display:grid;grid-template-columns:1.55fr .78fr;gap:70px;align-items:center}.kicker{font-size:13px;font-weight:900;letter-spacing:.04em;margin-bottom:10px}.about h2{font-size:31px;margin:0 0 12px}.about-copy>p{font-size:15px;line-height:1.55;color:#29445d;max-width:780px;margin:0 0 20px}.small-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 24px;border-radius:23px;background:var(--navy);color:#fff;font-size:13px;font-weight:800}.panel{background:#f5f7f9;border-radius:8px;padding:10px 20px}.panel>div{display:flex;align-items:center;gap:16px;padding:10px 0}.panel svg{width:34px;height:34px;fill:var(--navy);flex:0 0 34px}.panel p{margin:0}.panel b,.panel span{display:block}.panel b{font-size:14px;margin-bottom:2px}.panel span{font-size:12px}.footer{background:var(--navy);color:#fff}.footer-inner{max-width:1450px;margin:auto;min-height:132px;padding:18px 54px;display:grid;grid-template-columns:230px 1.15fr 1fr .85fr;align-items:center;gap:26px}.footer-logo{height:90px;display:flex;align-items:center;justify-content:flex-start;overflow:hidden}.footer-logo img{width:185px;height:88px;object-fit:contain;filter:brightness(0) invert(1);display:block}.contact{border-left:1px solid rgba(255,255,255,.3);padding-left:26px}.contact p{margin:7px 0;font-size:13px}.contact p span{padding-left:18px}.org{border-left:1px solid rgba(255,255,255,.3);border-right:1px solid rgba(255,255,255,.3);padding:30px 24px;text-align:center;font-size:14px}.footer-script{font-family:"Brush Script MT","Segoe Script",cursive;font-size:32px;line-height:1.05;text-align:center;transform:rotate(-5deg)}.footer-script:after{content:"";display:block;border-top:2px solid #fff;width:125px;margin:8px auto 0}.footer-bottom{max-width:1450px;margin:auto;border-top:1px solid rgba(255,255,255,.18);padding:10px 54px 13px;display:flex;justify-content:space-between;font-size:11px;color:#e8eef3}
@media(max-width:1180px){.header-inner{padding:0 24px;grid-template-columns:225px 1fr auto;gap:15px}.logo-wrap img{width:212px}.nav{gap:18px;font-size:12px}.phone{font-size:14px}.cta{font-size:12px;padding:0 15px}.copy h1{font-size:43px}.hero-content{padding-left:38px;padding-right:38px}.services{width:calc(100% - 32px)}.service{height:142px}.service strong{font-size:12px}.trust-item{padding:18px 24px}.about-inner{padding-left:35px;padding-right:35px}.footer-inner{padding-left:34px;padding-right:34px}}
@media(max-width:860px){.header{height:98px}.header:after{bottom:-16px;height:32px}.header-inner{display:flex;justify-content:space-between;padding:0 18px}.logo-wrap{height:86px}.logo-wrap img{width:195px;height:82px}.nav,.header-right{display:none}.menu{display:block}.nav.open{display:flex;position:absolute;top:94px;left:0;right:0;background:#fff;flex-direction:column;gap:0;padding:12px 24px 18px;box-shadow:0 12px 22px rgba(0,0,0,.16)}.nav.open a{padding:12px 0}.hero{min-height:auto;padding-top:18px;background-position:59% center}.hero-content{padding:66px 20px 22px;display:block}.eyebrow{font-size:11px;letter-spacing:.34em}.copy h1{font-size:30px;line-height:1.07}.copy p{font-size:14px}.desktop{display:none}.buttons{display:grid;grid-template-columns:1fr;gap:9px}.pill{min-height:47px;width:100%;font-size:13px}.values{font-size:27px;display:flex;justify-content:center;gap:10px;margin:22px 0 14px;transform:rotate(-3deg)}.values span{display:inline}.values:after{display:none}.services{position:relative;left:auto;bottom:auto;transform:none;width:auto;margin:0 12px 14px;grid-template-columns:repeat(2,1fr);gap:5px}.service{height:116px}.service:last-child{grid-column:1/-1;height:88px;flex-direction:row;gap:16px}.service svg{width:39px;height:39px;flex-basis:39px;margin-bottom:7px}.service:last-child svg{margin:0}.service strong{font-size:11px}.trust-inner{grid-template-columns:1fr}.trust-item{border-right:0;border-bottom:1px solid var(--line);padding:17px 22px}.trust-item:last-child{border-bottom:0}.trust-item svg{width:34px;height:34px;flex-basis:34px}.about-inner{grid-template-columns:1fr;gap:24px;padding:30px 22px}.about h2{font-size:26px}.about-copy>p{font-size:14px}.footer-inner{grid-template-columns:1fr;gap:12px;text-align:center;padding:22px 22px 16px}.footer-logo{justify-content:center;height:78px}.footer-logo img{width:170px;height:80px}.contact{border-left:0;padding-left:0}.contact p span{padding-left:0}.org{border:0;padding:6px 0}.footer-script{font-size:29px}.footer-bottom{display:block;text-align:center;line-height:1.7;padding:11px 18px 15px}}

/* FINAL V12 */
.service-icon{
  width:56px !important;height:56px !important;object-fit:contain !important;
  display:block !important;margin:0 auto 10px !important;flex:0 0 56px !important;
}
.panel-icon{
  width:40px !important;height:40px !important;object-fit:contain !important;
  flex:0 0 40px !important;display:block !important;
}
.footer-logo{overflow:visible !important;background:transparent !important;}
.footer-logo img{
  width:190px !important;height:90px !important;object-fit:contain !important;
  filter:none !important;background:transparent !important;
}
@media(max-width:860px){
  .service-icon{
    width:44px !important;height:44px !important;flex:0 0 44px !important;
    margin:0 auto 7px !important;
  }
  .service:last-child .service-icon{margin:0 !important;}
  .panel-icon{
    width:38px !important;height:38px !important;flex:0 0 38px !important;
  }
  .footer-logo img{width:185px !important;height:86px !important;}
  .footer-bottom{
    display:flex !important;justify-content:center !important;gap:14px !important;
    flex-wrap:wrap !important;
  }
}

/* V20 — trzy wskazane obszary identyczne na desktop i mobile */
.service-icon{
  width:56px !important;
  height:56px !important;
  object-fit:contain !important;
  display:block !important;
  margin:0 auto 8px !important;
  flex:0 0 56px !important;
}
.panel-icon{
  width:42px !important;
  height:42px !important;
  object-fit:contain !important;
  display:block !important;
  flex:0 0 42px !important;
}
.footer-logo{
  background:transparent !important;
  overflow:visible !important;
}
.footer-logo img{
  width:190px !important;
  height:80px !important;
  object-fit:contain !important;
  display:block !important;
  background:transparent !important;
  filter:none !important;
}
@media(max-width:860px){
  .service-icon{
    width:42px !important;
    height:42px !important;
    flex:0 0 42px !important;
    margin:0 auto 6px !important;
  }
  .panel-icon{
    width:38px !important;
    height:38px !important;
    flex:0 0 38px !important;
  }
  .footer-logo img{
    width:190px !important;
    height:80px !important;
    margin:0 auto !important;
  }
}


/* FINAL APPROVED — 2026-09-06. No visual changes outside requested areas. */
.menu{background:transparent !important;padding:0 !important;box-shadow:none !important;}
@media(max-width:860px){
  .menu{background:transparent !important;border:0 !important;outline:0 !important;}
}

/* KOREKTA 2026-09-06 — tylko trzy zaznaczone miejsca */
/* Ikony usług: bez zmiany kafelków/tekstu/układu */
.service-icon{
  width:54px !important;
  height:54px !important;
  flex:0 0 54px !important;
  object-fit:contain !important;
}
/* Trzy ikony w panelu: czytelne, bez zmiany kolumny */
.panel-icon{
  width:34px !important;
  height:34px !important;
  flex:0 0 34px !important;
  object-fit:contain !important;
}
/* Logo w stopce: większe, ten sam plik/logo */
.footer-logo img{
  width:145px !important;
  height:82px !important;
  object-fit:contain !important;
}
@media(max-width:860px){
  .service-icon{width:46px !important;height:46px !important;flex:0 0 46px !important;}
  .panel-icon{width:32px !important;height:32px !important;flex:0 0 32px !important;}
  .footer-logo img{width:145px !important;height:78px !important;}
}
