:root{
  --h4y-bg:#211A1A;
  --h4y-accent:#FFA74E;
  --h4y-green:#0A5D57;
  --h4y-text:#0A332D;
  --h4y-muted:#6C8581;
  --h4y-cream:#FFFBF8;
}

*{font-family:'Manrope',system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Open Sans',sans-serif;}
.h4y-accent{color:var(--h4y-accent);}

/* Navbar */
.h4y-navbar{z-index:1050;}
.h4y-logo{height:40px;width:auto;}
.h4y-menu .nav-link{
  text-transform:uppercase;font-weight:600;font-size:14px;line-height:22px;letter-spacing:.03em;color:#fff;
}
.h4y-menu .nav-link:hover{color:var(--h4y-accent);}

/* Hero */
.h4y-hero{
  min-height:100vh;
  background-image:
    linear-gradient(0deg,rgba(33,26,26,.84),rgba(33,26,26,.84)),
    url('../assets/tea-room-design.jpg');
  background-size:cover;background-position:center;
}
.h4y-hero .container{padding-top:140px;padding-bottom:140px;}
.h4y-hero-title{font-size:clamp(2.2rem,3vw,2.8rem);line-height:1.2;margin-bottom:1rem;font-weight:800;}
.h4y-hero-title-muted{transition:color .3s;}
.h4y-hero-subtitle{font-size:clamp(1.25rem,2vw,1.75rem);line-height:1.4;margin-bottom:2.25rem;font-weight:400;}
.h4y-hero .cta-wrap{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;}
.h4y-hero .btn.h4y-btn-lg{
  min-width:360px;min-height:88px;padding:1.1rem 3rem;font-size:19px;font-weight:700;border-radius:14px;
  box-shadow:0 10px 22px rgba(0,0,0,.22);transition:transform .16s ease,box-shadow .16s ease;
}
.h4y-hero .btn.h4y-btn-lg:hover{transform:translateY(-2px);}
.h4y-hero .d-flex.gap-4{gap:26px!important;}
@media (max-width:992px){
  .h4y-hero .container{padding-top:110px;padding-bottom:110px;}
  .h4y-hero .btn.h4y-btn-lg{min-width:290px;min-height:78px;font-size:18px;padding:1rem 2.4rem;}
}

/* Buttons (global) */
.h4y-btn-lg{
  min-width:300px;min-height:74px;padding:.95rem 2.6rem;font-size:18px;font-weight:700;border-radius:12px;
  box-shadow:0 6px 18px rgba(0,0,0,.18);
}
.h4y-btn-outline{background:var(--h4y-green);color:var(--h4y-accent);border:2px solid var(--h4y-green);}
.h4y-btn-outline:hover{background:#09443f;color:#fff;}
.h4y-btn-accent{background:var(--h4y-accent);color:#fff;border:2px solid var(--h4y-accent);}
.h4y-btn-accent:hover{background:#ff9a31;border-color:#ff9a31;}
.h4y-btn-accent-outline{border:2px solid var(--h4y-accent);color:var(--h4y-accent);background:transparent;}
.h4y-btn-accent-outline:hover{background:rgba(255,167,78,.07);}

/* Sections / typography */
.h4y-section-gray{background:#F8F9FA;}
.h4y-section-title,.h4y-section-title-left{
  color:var(--h4y-text);font-size:clamp(2.2rem,3.6vw,3rem);font-weight:800;
}
.h4y-lead{font-size:1.25rem;color:var(--h4y-muted);}
.h4y-paragraph{color:var(--h4y-text);font-size:1.125rem;line-height:1.8;}
.h4y-divider{width:3px;height:24px;background:#9DADAB;}

/* Cards / thumbs */
.h4y-card{border-radius:12px;border:1px solid rgba(0,0,0,.06);box-shadow:0 6px 18px rgba(0,0,0,.06);}
.h4y-thumb{
  height:300px;border-radius:12px;background-size:cover;background-position:center;box-shadow:0 10px 20px rgba(0,0,0,.08);
}
.h4y-thumb-caption{margin-top:.6rem;color:#000;font-weight:600;}
.h4y-mini{height:258px;border-radius:8px;background-size:cover;background-position:center;}

/* Build */
.h4y-build{background:linear-gradient(180deg,#fff 0%,#f7f8f9 100%);}
.h4y-feature-card{
  background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.06);
  padding:24px 24px 18px;position:relative;margin-bottom:18px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.h4y-feature-card::before{
  content:"";position:absolute;left:-12px;top:22px;bottom:22px;width:4px;background:var(--h4y-accent);border-radius:4px;
  transition:left .25s ease,box-shadow .25s ease;
}
.h4y-feature-card:hover{transform:translateY(-6px);box-shadow:0 12px 26px rgba(0,0,0,.16);border-color:rgba(255,167,78,.35);}
.h4y-feature-card:hover::before{left:-6px;box-shadow:0 0 0 1px rgba(255,167,78,.35);}
.h4y-feature-card h4{color:var(--h4y-text);font-weight:800;}
.h4y-more{color:var(--h4y-accent);text-decoration:none;font-weight:600;}
.h4y-more:hover{text-decoration:underline;}
.h4y-build .col-lg-7{overflow:visible;}
.h4y-build-photo{
  position:relative;border-radius:12px;overflow:hidden;min-height:520px;background-size:cover;background-position:center;
  box-shadow:0 10px 24px rgba(0,0,0,.18);
}
.h4y-build-overlay{position:absolute;inset:0;background:rgba(0,0,0,.45);}
.h4y-build-content{position:absolute;left:0;right:0;bottom:0;padding:28px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
.h4y-build-content h3{font-size:clamp(1.6rem,2.2vw,2rem);font-weight:800;line-height:1.2;}
.h4y-build .btn{line-height:1.2!important;}
.h4y-build .h4y-btn-accent{
  min-width:auto;padding:12px 22px;font-size:16px;line-height:1.2;font-weight:700;letter-spacing:.01em;border-radius:8px;
  border:2px solid var(--h4y-accent);background:var(--h4y-accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;
  box-shadow:0 8px 18px rgba(0,0,0,.18);
}
.h4y-build .h4y-btn-accent:hover{background:#ff9a31;border-color:#ff9a31;color:#fff;}
@media (max-width:991.98px){
  .h4y-build-photo{min-height:380px;}
  .h4y-feature-card::before{left:-8px;}
}

/* Feature strip */
.h4y-feature-strip .row{justify-content:center;gap:20px;}
.h4y-feature-strip .col-lg-4{max-width:380px;}
.h4y-feature-lite{
  background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:12px;padding:40px 30px;box-shadow:0 4px 15px rgba(0,0,0,.08);
  height:100%;display:flex;flex-direction:column;justify-content:center;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.h4y-feature-lite:hover{transform:translateY(-6px);box-shadow:0 12px 24px rgba(0,0,0,.14);border-color:var(--h4y-accent);}

/* Projects */
.h4y-projects{padding:56px 0;background:#fff;}
.h4y-projects h2{color:#0A332D;font-weight:800;line-height:1.2;font-size:clamp(2rem,3.2vw,3.25rem);margin:0 0 12px;}
.h4y-more-line{display:flex;align-items:center;gap:12px;margin-top:10px;}
.h4y-more-line .bar{width:36px;height:3px;background:#9DADAB;border-radius:2px;}
.h4y-more-line a{font-weight:700;color:#0A332D;text-decoration:none;}
.h4y-more-line a:hover{color:#FFA74E;}
.h4y-proj-card{
  border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 8px 22px rgba(0,0,0,.08);transition:transform .2s ease,box-shadow .2s ease;
}
.h4y-proj-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(0,0,0,.12);}
.h4y-proj-img{width:100%;display:block;aspect-ratio:16/10;object-fit:cover;object-position:center;}
.h4y-proj-meta{padding:12px 6px 0;margin-top:.6rem;}
.h4y-proj-city{color:#0A332D;font-weight:700;margin-bottom:6px;}
.h4y-proj-line{color:#445a56;font-weight:600;line-height:1.25;font-size:15px;}

/* Experience */
.h4y-experience{padding:56px 0 40px;background:linear-gradient(180deg,#ffffff 0%,#fff3e3 100%);}
.h4y-experience .btn{line-height:1.2!important;}

/* Steps (v1) */
.h4y-steps .h4y-step-btn{
  all:unset;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;box-sizing:border-box;
  padding:14px 18px;border-radius:12px;background:#fff!important;color:#0A332D!important;border:1px solid #E6ECEB!important;
  font:700 16px/1.2 "Manrope",system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Open Sans",sans-serif;letter-spacing:.3px;
  box-shadow:0 8px 22px rgba(10,51,45,.06)!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;cursor:pointer;
}
.h4y-steps .h4y-step-btn:hover{transform:translateY(-1px);border-color:#D9E4E2!important;box-shadow:0 12px 26px rgba(10,51,45,.09)!important;}
.h4y-steps .h4y-step-btn:focus,.h4y-steps .h4y-step-btn:active{outline:none!important;background:#fff!important;color:#0A332D!important;border-color:#D9E4E2!important;box-shadow:none!important;}
.h4y-steps .h4y-step-arrow{
  display:grid;place-items:center;width:28px;height:28px;border-radius:999px;border:1px solid #D9E4E2;font-style:normal;line-height:1;font-size:16px;background:transparent;color:#0A332D;
}
.h4y-steps .arrow,.h4y-steps .step-arrow,.h4y-steps .fa-arrow-down,.h4y-steps .bi-arrow-down,.h4y-steps .chevron,.h4y-steps .chevron-outside{display:none!important;}
.h4y-steps-photo{width:100%;height:420px;border-radius:16px;background-size:cover;background-position:center;box-shadow:0 10px 30px rgba(10,51,45,.08);}
@media (max-width:992px){.h4y-steps-photo{height:320px;}}
@media (max-width:576px){.h4y-steps-photo{height:220px;}}
.h4y-steps-text p{color:#415553;}
.h4y-link-more{color:#0A332D;font-weight:600;text-decoration:none;border-bottom:2px solid var(--h4y-accent);}
.h4y-steps-link{display:flex;align-items:center;justify-content:space-between;padding:10px 0;text-decoration:none;color:#0A332D;font-weight:600;border-bottom:1px dashed #E6ECEB;}
.h4y-steps-link .chev{transition:.15s;margin-left:8px;}
.h4y-steps-link:hover .chev{transform:translateX(3px);}
.h4y-steps button,.h4y-steps .btn,.h4y-steps .accordion-button,.h4y-steps .list-group-item{
  all:unset;display:flex!important;align-items:center;justify-content:space-between;gap:12px;width:100%;box-sizing:border-box;
  padding:14px 18px!important;border-radius:12px!important;background:#fff!important;color:#0A332D!important;border:1px solid #E6ECEB!important;
  font:700 16px/1.2 "Manrope",system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Open Sans",sans-serif!important;letter-spacing:.3px;
  box-shadow:0 8px 22px rgba(10,51,45,.06)!important;cursor:pointer;
}
.h4y-steps button:hover{transform:translateY(-1px);border-color:#D9E4E2!important;box-shadow:0 12px 26px rgba(10,51,45,.09)!important;}
.h4y-steps button:focus,.h4y-steps button:active{outline:none!important;box-shadow:none!important;}
.h4y-steps .accordion-button::after{display:none!important;content:none!important;}

/* Steps (v2) */
.h4y-steps2{background:#fff;}
.h4y-steps2-title{font-weight:800;line-height:1.2;color:var(--h4y-text);font-size:clamp(2rem,3.8vw,3rem);}
.h4y-steps2-photo{width:100%;height:500px;border-radius:12px;background-size:cover;background-position:center;box-shadow:0 10px 24px rgba(0,0,0,.08);}
@media (max-width:991.98px){.h4y-steps2-photo{height:360px;margin-bottom:12px;}}
.h4y-steps2-stack{display:flex;flex-direction:column;align-items:center;}
.h4y-steps2 .step-wrap{display:flex;flex-direction:column;align-items:center;margin-bottom:14px;}
.h4y-steps2 .step-box{
  all:unset;display:block;min-width:120px;border-radius:8px!important;padding:12px 16px!important;text-align:center;background:#fff!important;border:2px solid #E5E7EB!important;
  box-shadow:none!important;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease,transform .22s ease;
}
.h4y-steps2 .step-box span{font-weight:600;font-size:14px;color:var(--h4y-text);letter-spacing:.02em;}
.h4y-steps2 .step-box:hover,.h4y-steps2 .step-box:focus-visible{
  background:rgba(255,167,78,.08)!important;border-color:var(--h4y-accent) !important;
  box-shadow:0 6px 18px rgba(255,167,78,.25)!important,0 0 0 3px rgba(255,167,78,.15)!important;transform:scale(1.06);
}
.h4y-steps2 .step-box:active{transform:scale(.98);box-shadow:0 4px 12px rgba(255,167,78,.22)!important,0 0 0 3px rgba(255,167,78,.12)!important;}
.h4y-steps2 .step-arrow{margin:12px 0 0;display:flex;align-items:center;justify-content:center;}
.h4y-steps2-text p{font-weight:400;font-size:1rem;line-height:1.6;color:var(--h4y-text);}
.h4y-steps2-more{font-weight:600;color:var(--h4y-text);text-decoration:none;border-bottom:2px solid var(--h4y-accent);}
.h4y-steps2-more:hover{opacity:.85;}
.h4y-steps2-link{display:flex;align-items:center;justify-content:space-between;padding:10px 0;text-decoration:none;font-weight:600;color:var(--h4y-text);border-bottom:1px dashed #E6ECEB;}
.h4y-steps2-link span{margin-left:8px;transition:transform .15s ease;}
.h4y-steps2-link:hover span{transform:translateX(3px);}
.h4y-steps2 .btn,.h4y-steps2 .accordion-button,.h4y-steps2 .accordion-button::after{all:unset!important;display:none!important;}

/* CTA banner & ghost buttons */
.h4y-cta{position:relative;background-size:cover;background-position:center;padding:72px 0;overflow:hidden;}
@media (min-width:992px){.h4y-cta{padding:92px 0;}}
.h4y-cta__overlay{position:absolute;inset:0;background:rgba(10,51,45,.88);}
.h4y-cta__eyebrow{position:relative;z-index:1;margin:0 0 .25rem;font:600 18px/1.2 Manrope,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Open Sans",sans-serif;color:var(--h4y-accent);}
.h4y-cta__title{position:relative;z-index:1;margin:0 0 1.25rem;font:800 clamp(1.6rem,3.2vw,2.2rem)/1.2 Manrope,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Open Sans",sans-serif;color:var(--h4y-accent);}
.h4y-btn-ghost-accent{
  position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 22px;border-radius:10px;border:2px solid var(--h4y-accent);
  background:transparent;color:var(--h4y-accent);font-weight:700;text-decoration:none;box-shadow:0 10px 24px rgba(0,0,0,.12);transform:translateZ(0);
  transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,color .18s ease,border-color .18s ease;
}
.h4y-btn-ghost-accent .chev{font-size:18px;line-height:1;transition:transform .18s ease;}
.h4y-btn-ghost-accent:hover{background:rgba(255,167,78,.1);border-color:#ff9a31;color:#fff;transform:scale(1.03);box-shadow:0 14px 28px rgba(0,0,0,.18);}
.h4y-btn-ghost-accent:hover .chev{transform:translateX(3px);}
.h4y-btn-ghost{
  background:#fff;color:#0A332D;border:1px solid rgba(10,51,45,.25);border-radius:999px;padding:12px 24px;font-weight:700;line-height:1.2;box-shadow:none;
  transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.h4y-btn-ghost:hover{background:var(--h4y-accent);color:#fff;border-color:var(--h4y-accent);transform:translateY(-1px);box-shadow:0 8px 18px rgba(255,167,78,.25);}
.h4y-btn-ghost:active{transform:translateY(0);box-shadow:0 4px 10px rgba(255,167,78,.18);}
.h4y-btn-ghost:focus-visible{outline:3px solid rgba(255,167,78,.35);outline-offset:2px;border-color:var(--h4y-accent);}

/* Testimonials */
.h4y-testimonials{position:relative;z-index:2;padding-bottom:3.5rem;}
@media (min-width:992px){.h4y-testimonials{padding-bottom:4.5rem;}}
.h4y-avatar{width:128px;height:128px;border-radius:50%;background:#eee;background-size:cover;background-position:center;}
.testimonial-card p{font-size:1.125rem;color:var(--h4y-text);}

/* Contact (legacy off) */
.h4y-contact{display:none!important;}

/* Footer */
.h4y-footer{background:var(--h4y-cream);}
.h4y-footer-link{margin:0 .75rem;text-decoration:none;text-transform:uppercase;font-weight:600;color:var(--h4y-text);}
.h4y-footer-link:hover{color:var(--h4y-accent);}

/* Inline “więcej” */
.h4y-more-inline-wrap{display:inline-flex;align-items:center;gap:10px;cursor:pointer;}
.h4y-more-inline-wrap .bar{width:28px;height:3px;background:#9DADAB;border-radius:2px;transition:background-color .2s ease,transform .2s ease;}
.h4y-more-inline{font-weight:700;text-decoration:none;color:#0A332D;border-bottom:2px solid transparent;transition:color .2s ease,border-color .2s ease;}
.h4y-more-inline-wrap:hover .bar{background:var(--h4y-accent);transform:translateX(2px);}
.h4y-more-inline-wrap:hover .h4y-more-inline{color:var(--h4y-accent);border-color:var(--h4y-accent);}

/* Utils */
.h4y-text{color:var(--h4y-text)!important;}
.h4y-muted-text{color:var(--h4y-muted)!important;}

/* Optional: gradient helper for stats section */
.h4y-stats-gradient{
  background:linear-gradient(0.71deg,rgba(255,255,255,.8) 12.97%,rgba(255,242,225,.64) 75.22%,rgba(255,251,248,.8) 88.39%);
}