
/*
Theme Name: Balloony Startup Clean
Version: 1.0
*/

body{font-family:Inter, sans-serif;margin:0;background:#faf9f7;}

.site-header{
position:sticky;top:0;background:#fff;border-bottom:1px solid #eee;z-index:10;
}

.header-inner{
display:flex;align-items:center;justify-content:space-between;padding:14px 20px;
}

.brand img{max-height:54px;}

.header-contact a{
margin-left:10px;padding:8px 12px;border:1px solid #eee;border-radius:20px;
text-decoration:none;color:#111;font-size:14px;
}

.mobile-toggle{display:none;}

.mobile-panel{display:none;padding:10px 20px;border-top:1px solid #eee;}

@media(max-width:900px){
.header-contact.desktop{display:none;}
.mobile-toggle{display:block;}
.mobile-panel.active{display:block;}
.brand img{max-height:44px;}
}


/* v5 small logo bump + info/footer */
.brand img{max-height:62px;}
@media(max-width:900px){
  .brand img{max-height:48px;}
}

.header-contact.desktop{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.header-contact.desktop a,
.mobile-panel a{
  margin:0;
  padding:8px 12px;
  border:1px solid #eee;
  border-radius:20px;
  text-decoration:none;
  color:#111;
  font-size:14px;
  background:#fff;
}

.site-footer{
  border-top:1px solid #eee;
  background:#fff;
  margin-top:32px;
}
.site-footer__inner{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  padding:22px 20px 28px;
}
.site-footer__meta{
  display:grid;
  gap:4px;
  max-width:780px;
  color:#333;
  font-size:14px;
}
.site-footer__meta strong{
  font-size:15px;
}
.site-footer__links{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.site-footer__links a{
  padding:8px 12px;
  border:1px solid #eee;
  border-radius:20px;
  color:#111;
  text-decoration:none;
  font-size:14px;
  white-space:nowrap;
}
@media(max-width:900px){
  .site-footer__inner{
    flex-direction:column;
    gap:14px;
  }
}

/* v6 non-sticky header + slightly bigger logo */
.site-header{
  position:relative !important;
  top:auto !important;
}
.brand img{
  max-height:68px !important;
}
@media(max-width:900px){
  .brand img{
    max-height:53px !important;
  }
}


/* v6.1 footer gap fix */
html, body{
  margin:0;
  padding:0;
  height:auto;
}
.site-wrap,
.site-main,
.site-footer{
  margin-bottom:0 !important;
  padding-bottom:0 !important;
}
.site-footer{
  padding-bottom:22px !important;
}


/* v6.3 logo swap + positioning */
.header-inner{
  padding-left:24px !important;
}
.brand img{
  max-height:64px !important;
  width:auto;
  transform:translateY(2px);
}
@media(max-width:900px){
  .brand img{
    max-height:50px !important;
    transform:translateY(1px);
  }
}


.container{
  width:min(100%, 1240px);
  margin:0 auto;
  padding-left:24px;
  padding-right:24px;
  box-sizing:border-box;
}

main{
  min-height:calc(100vh - 220px);
}

.page-shell{
  padding:28px 0 48px;
}

.page-card{
  background:#fff;
  border:1px solid #e9e9e9;
  box-shadow:0 1px 2px rgba(0,0,0,.03);
}

.page-card__header{
  padding:36px 40px 8px;
}

.page-card__title{
  margin:0;
  font-size:clamp(38px,4vw,62px);
  line-height:1.02;
  letter-spacing:-0.03em;
  color:#111;
}

.page-card__content{
  padding:0 40px 44px;
  color:#171717;
  font-size:18px;
  line-height:1.7;
}

.entry-content > *:first-child{
  margin-top:0;
}

.entry-content h2,
.entry-content h3,
.entry-content h4{
  color:#111;
  line-height:1.12;
  letter-spacing:-0.02em;
  margin:32px 0 12px;
}

.entry-content h2{font-size:32px;}
.entry-content h3{font-size:24px;}
.entry-content h4{font-size:20px;}

.entry-content p,
.entry-content ul,
.entry-content ol{
  margin:0 0 18px;
}

.entry-content ul,
.entry-content ol{
  padding-left:24px;
}

.entry-content a{
  color:#111;
  text-decoration-thickness:1px;
  text-underline-offset:2px;
}

.entry-content strong{
  color:#111;
}

.entry-content hr{
  border:0;
  border-top:1px solid #ececec;
  margin:28px 0;
}

@media (max-width: 900px){
  .container{
    padding-left:16px;
    padding-right:16px;
  }

  .page-shell{
    padding:16px 0 28px;
  }

  .page-card__header{
    padding:24px 22px 6px;
  }

  .page-card__title{
    font-size:38px;
  }

  .page-card__content{
    padding:0 22px 28px;
    font-size:17px;
    line-height:1.65;
  }

  .entry-content h2{font-size:28px;}
  .entry-content h3{font-size:22px;}
}


.page-card__content > h1:first-child,
.page-card__content > h2:first-child{
  margin-top:0;
}

.page-card__content > h1:first-child{
  font-size:clamp(28px,3vw,40px);
  line-height:1.1;
  letter-spacing:-0.02em;
}

.page-card__content > h1:first-child + p,
.page-card__content > h2:first-child + p{
  margin-top:12px;
}


/* v6.4 remove unnecessary mobile hamburger; keep contact links visible */
.mobile-toggle,
.mobile-panel{
  display:none !important;
}

@media(max-width:900px){
  .header-inner{
    flex-wrap:wrap;
    gap:10px;
    align-items:center;
  }
  .header-contact.desktop{
    display:flex !important;
    width:100%;
    justify-content:flex-start;
    gap:8px;
  }
  .header-contact.desktop a{
    font-size:13px;
    padding:8px 11px;
  }
}
