:root{
  --bt-blue:#1088CD;
  --bt-black:#000000;
  --bt-text:#333333;
  --bt-white:#ffffff;
  --bt-font-heading:"Work Sans",sans-serif;
  --bt-font-body:"Poppins",sans-serif;
  --bt-container:1400px;
}

*,*::before,*::after{box-sizing:border-box;}

html{scroll-behavior:smooth;}

body{
  margin:0;
  color:var(--bt-text);
  font-family:var(--bt-font-body);
  font-size:21px;
  font-weight:400;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}

img{max-width:100%;height:auto;display:block;}

a{color:var(--bt-blue);text-decoration:none;}

h1,h2,h3,h4{
  font-family:var(--bt-font-heading);
  font-weight:400;
  color:var(--bt-black);
  line-height:1.2;
  margin:0 0 .5em;
}
h1{font-size:46px;}
h2{font-size:46px;}

.skip-link{position:absolute;left:-9999px;}
.skip-link:focus{left:6px;top:6px;z-index:100;background:#fff;padding:8px 12px;}

.screen-reader,.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* ---------- Header ---------- */
.site-header{
  background:var(--bt-white);
  padding:10px 20px;
}
.site-header__inner{
  max-width:var(--bt-container);
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.site-header__logo img{max-width:130px;}
.site-header__nav .menu{list-style:none;margin:0;padding:0;display:flex;gap:30px;}
.site-header__nav .menu a{
  font-family:var(--bt-font-body);
  font-size:20px;
  text-transform:uppercase;
  color:var(--bt-text);
}
.site-header__nav .menu a:hover,
.site-header__nav .menu a:focus,
.site-header__nav .menu a.is-active{color:var(--bt-blue);}

/* Burger toggle (mobile) */
.menu-toggle{
  display:none;
  margin-left:auto;
  background:var(--bt-text);
  border:0;
  border-radius:0;
  color:var(--bt-white);
  cursor:pointer;
  width:48px;
  height:48px;
  align-items:center;
  justify-content:center;
}
.menu-toggle:hover,.menu-toggle:focus{background:var(--bt-blue);}
.menu-toggle .icon-close{display:none;}
.menu-toggle[aria-expanded="true"] .icon-open{display:none;}
.menu-toggle[aria-expanded="true"] .icon-close{display:block;}
.menu-toggle svg{fill:var(--bt-white);width:22px;height:22px;}

/* ---------- Layout helpers ---------- */
.container{max-width:var(--bt-container);margin:0 auto;padding:0 20px;}

/* ---------- Home hero ---------- */
.hero{padding:0 20px;}
.hero__inner{display:flex;align-items:center;flex-wrap:wrap;gap:30px;max-width:var(--bt-container);margin:0 auto;}
.hero__text{flex:1 1 45%;min-width:300px;}
.hero__text h1{font-size:30px;}
.hero__text p{font-size:20px;font-weight:400;}
.hero__image{flex:1 1 45%;min-width:300px;text-align:end;position:relative;}
.hero__image img{max-width:640px;width:100%;}
.hero__image--mobile{display:none;text-align:center;}

/* Black band (phrases) */
.band{
  background:var(--bt-black);
  margin:-20px 0 0;
  padding:30px 20px;
  text-align:center;
}
.band ul{list-style:none;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:20px 60px;max-width:var(--bt-container);}
.band li{color:var(--bt-white);font-family:var(--bt-font-body);font-size:21px;}

/* Story / generic 2-col section */
.story{background:var(--bt-white);padding:50px 20px;}
.story__inner{display:flex;align-items:center;flex-wrap:wrap;gap:30px;max-width:var(--bt-container);margin:0 auto;}
.story__text{flex:1 1 0;min-width:0;color:var(--bt-text);}
.story__text h2{color:var(--bt-black);}
.story__image{flex:1 1 0;min-width:0;}

/* ---------- About page ---------- */
.about-hero{padding:0 20px;}
.about-hero__inner{display:flex;align-items:center;flex-wrap:wrap;gap:30px;max-width:var(--bt-container);margin:0 auto;}
.about-hero__image{flex:1 1 0;min-width:0;}
.about-hero__text{flex:1 1 0;min-width:0;max-width:750px;}
.about-hero__text h1{font-size:30px;}

.section--dark{background:var(--bt-black);color:var(--bt-white);padding:20px 0;margin-top:-1px;}
.section--dark p{font-size:20px;}
.section--light{padding:50px 20px 40px;background:var(--bt-white);}
.section--light p{font-size:20px;}
.section--lightgray{padding:40px 20px;background:#FAFAFA;}
.section--lightgray p{font-size:20px;}

/* ---------- Contact page ---------- */
.contact{min-height:60vh;display:flex;align-items:center;padding:40px 20px;}
.contact__inner{max-width:900px;margin:0 auto;width:100%;}
.contact h1{font-size:46px;}
.contact__intro{font-size:21px;}
.contact form{display:flex;flex-wrap:wrap;gap:20px;}
.form-row{display:flex;flex-wrap:wrap;gap:20px;width:100%;}
.form-group{flex:1 1 45%;min-width:240px;}
.form-group--full{flex:0 0 100%;}
.contact label{display:block;margin-bottom:6px;}
.contact input[type="text"],
.contact input[type="email"],
.contact textarea{
  width:100%;
  border:1px solid #d5d8dc;
  background:var(--bt-white);
  color:var(--bt-text);
  font-family:var(--bt-font-body);
  font-size:16px;
  padding:12px 14px;
}
.contact textarea{resize:vertical;min-height:120px;}
.contact .btn{
  background:linear-gradient(180deg,#45a6e0,var(--bt-blue));
  border:0;
  border-radius:0;
  color:var(--bt-white);
  font-family:var(--bt-font-heading);
  font-size:21px;
  font-weight:500;
  padding:14px 40px;
  cursor:pointer;
  text-transform:uppercase;
}
.form-status{display:none;margin-top:12px;padding:10px;border-radius:6px;font-size:14px;text-align:center;}

/* ---------- In The News ---------- */
.news{padding:40px 20px;}
.news h1{font-size:46px;}
.news ul{list-style:disc;padding-left:40px;}
.news ul li{margin-bottom:20px;}
.news ul a{color:#c0392b;font-size:21px;}
.news ul a:hover{text-decoration:underline;}

/* ---------- Footer ---------- */
.site-footer{
  background:var(--bt-black);
  padding:20px;
  color:var(--bt-white);
}
.site-footer__inner{
  max-width:var(--bt-container);
  margin:0 auto;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:20px;
}
.site-footer__brand{flex:1 1 30%;min-width:250px;}
.site-footer__brand img{max-width:150px;}
.site-footer__copyright{font-family:var(--bt-font-heading);font-size:15px;color:var(--bt-white);margin-top:8px;}
.site-footer__nav{flex:1 1 35%;min-width:200px;}
.site-footer__nav .menu{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;}
.site-footer__nav .menu a{text-transform:uppercase;color:var(--bt-white);font-size:20px;}
.site-footer__nav .menu a:hover,.site-footer__nav .menu a.is-active{color:var(--bt-blue);}

/* ---------- Social Links ---------- */
.social-links{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;padding:40px 20px}
.social-btn{position:relative;width:48px;height:48px;border-radius:50%;color:#fff;display:grid;place-items:center;text-decoration:none;transition:transform .2s,box-shadow .2s}
.social-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #0003}
.social-btn i,.social-btn svg,.social-btn img{width:18px;height:18px}
.social-btn::after{content:attr(data-tooltip);position:absolute;left:50%;transform:translateX(-50%);bottom:100%;margin-bottom:6px;padding:4px 10px;background:#1a1a2e;color:#fff;font-size:12.5px;white-space:nowrap;border-radius:5px;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s,transform .18s}
.social-btn::before{content:'';position:absolute;left:50%;transform:translateX(-50%);bottom:100%;border:5px solid transparent;border-top-color:#1a1a2e;opacity:0;visibility:hidden;transition:opacity .18s,transform .18s}
.social-btn:hover::after,.social-btn:hover::before{opacity:1;visibility:visible}
.social-btn:hover::after{transform:translateX(-50%) translateY(-4px)}
.social-btn:hover::before{transform:translateX(-50%) translateY(-2px)}
.social-btn .monogram{font-family:Arial,sans-serif;font-weight:700;font-size:14px}
.social-btn--linkedin{background:#0A66C2}
.social-btn--linktree{background:#43E660}
.social-btn--crunchbase{background:#0288D1}
.social-btn--youtube{background:#FF0000}
.social-btn--c0{background:#2E6FB7}
.social-btn--behance{background:#1769FF}
.social-btn--x{background:#000000}
.social-btn--medium{background:#000000}
.social-btn--issuu{background:#F36D5D}

/* ---------- Utilities ---------- */
.highlighted{font-weight:500;}

/* ---------- Responsive ---------- */
@media(max-width:1024px){
  h1{font-size:40px;}
  h2{font-size:40px;}
}
@media(max-width:768px){
  body{font-size:18px;}
  .site-header__nav .menu{display:none;}
  .menu-toggle{display:flex;}
  .site-header__nav.is-open .menu{
    display:flex;flex-direction:column;gap:0;
    position:absolute;left:0;right:0;top:100%;
    background:#020101;
    z-index:50;
  }
  .site-footer__brand a img { margin:0 auto;}
  .site-footer__nav .menu a {
    font-size: 14px;
  }
  .site-header__nav.is-open .menu a{
    display:block;padding:20px 30px;color:var(--bt-white);
  }
  .site-header__nav.is-open .menu a:hover{color:var(--bt-blue);}
  .site-header{position:relative;}
  .col-50,.col-33{flex:0 0 100%;max-width:100%;}
  .hero__image--desktop{display:none;}
  .hero__image--mobile{display:block;order:-1;}
  .story__inner{flex-direction:column;align-items:flex-start;}
  .story__text,.story__image{width:100%;flex:0 0 auto;}
  .band ul{flex-direction:column;gap:10px;}
  .about-hero__inner{flex-direction:column;}
}