:root{
  --red:#d50000;
  --red-dark:#a90000;
  --yellow:#ffd329;
  --green:#28c24a;
  --navy:#0b2148;
  --white:#fff;
  --muted:#667085;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--navy);font-family:Montserrat,"Hind Siliguri",sans-serif}
a{text-decoration:none}
.container{width:min(1440px,92%);margin:auto}
.site-shell{min-height:100vh;overflow:hidden}
.hero{min-height:735px;position:relative;background:#b60000;color:#fff;isolation:isolate}
.hero-photo{
  position:absolute;inset:0 0 0 43%;
  background-image:url("https://images.pexels.com/photos/19980199/pexels-photo-19980199.jpeg?auto=compress&cs=tinysrgb&w=1800");
  background-position:center;
  background-size:cover;
  z-index:-3;
  filter:saturate(.92) contrast(1.02);
}
.hero-overlay{
  position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(199,0,0,1) 0%,rgba(207,0,0,.98) 29%,rgba(197,0,0,.78) 45%,rgba(177,0,0,.20) 63%,rgba(120,0,0,.08) 100%),
    linear-gradient(0deg,rgba(185,0,0,.2),transparent 55%);
  z-index:-2;
}
.hero:after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:85px;
  background:linear-gradient(transparent,#fff);
  z-index:-1;
}
.topbar{padding-top:54px}
.logo{
  display:inline-flex;align-items:center;
  font:700 82px/0.75 Georgia,serif;
  letter-spacing:-8px;color:#fff;
}
.logo .green{color:var(--green)} .logo .yellow{color:var(--yellow)}
.tagline{font-size:20px;letter-spacing:1.2px;margin:20px 0 0 5px}
.hero-content{min-height:560px;display:flex;align-items:center;position:relative}
.copy{width:55%;padding:50px 0 105px}
.eyebrow{font-size:14px;font-weight:800;letter-spacing:5px;margin-bottom:20px}
h1{font-family:"Hind Siliguri",sans-serif;font-size:clamp(48px,5.3vw,76px);line-height:1.02;margin:0 0 18px}
h1 span{display:block;font-weight:600}
h1 strong{display:block;color:var(--yellow);font-weight:700}
.intro{font-family:"Hind Siliguri",sans-serif;font-size:21px;line-height:1.55;max-width:640px;margin:0;color:rgba(255,255,255,.97)}
.features{
  display:grid;grid-template-columns:repeat(4,1fr);
  max-width:710px;margin-top:42px;padding-top:19px;
  border-top:1px solid rgba(255,255,255,.3)
}
.feature{display:flex;gap:11px;align-items:center;min-height:55px;padding:0 17px;border-right:1px solid rgba(255,255,255,.35)}
.feature:first-child{padding-left:0}.feature:last-child{border-right:0}
.feature-icon{color:var(--yellow);font-size:31px;line-height:1}
.feature b,.feature small{display:block}.feature b{font-size:12px}.feature small{font-size:12px;font-weight:600;margin-top:1px}
.visual-copy{position:absolute;right:3%;top:45px;text-align:right;font-size:17px;line-height:1.05;font-style:italic;letter-spacing:2px;opacity:.9}
.visual-copy span{display:block}
.notify-section{position:relative;background:#fff;padding:22px 0 24px;z-index:4}
.notify-grid{display:grid;grid-template-columns:1fr 1.8fr 1fr;align-items:center;gap:40px}
.social-block{display:flex;align-items:center;gap:16px}
.socials{display:flex;gap:10px}
.socials a{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font-size:14px;font-weight:800}
.socials a:nth-child(3){background:var(--red)}
.follow{font-size:11px;line-height:1.45;color:#718096}.follow strong{color:var(--navy);font-size:13px}
.signup{text-align:center}
.signup h2{margin:0;font-size:28px;line-height:1.1}
.signup p{margin:4px 0 14px;color:#6b7280;font-size:14px}
.email-control{height:54px;border:1px solid #d9dde4;border-radius:30px;display:flex;align-items:center;overflow:hidden;box-shadow:0 6px 18px rgba(10,33,72,.07);background:#fff}
.mail{margin-left:18px;color:#667085;font-size:19px}
.email-control input{flex:1;border:0;outline:0;height:100%;padding:0 13px;font-family:inherit;font-size:14px;min-width:0}
.email-control button{height:100%;border:0;background:#db0000;color:#fff;font-family:inherit;font-weight:800;padding:0 31px;min-width:185px;cursor:pointer}
.email-control button span{font-size:22px;vertical-align:-1px;margin-left:7px}
.form-message{min-height:17px;font-size:12px;margin-top:6px}
.contact-block{border-left:1px solid #d9dde4;padding-left:30px;font-size:13px;line-height:2.25;color:#24304a}
.contact-block span{margin-left:7px}
.footer{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:17px;color:#788293;font-size:9px;letter-spacing:5px}
.footer span{height:1px;width:42px;background:#9ba3b0}
@media(max-width:1050px){
  .hero{min-height:760px}
  .hero-photo{inset:0 0 0 48%;opacity:.95}
  .copy{width:65%}.visual-copy{display:none}
  .notify-grid{grid-template-columns:1fr}.social-block,.contact-block{justify-content:center;border:0;padding:0}
  .contact-block{text-align:center}
}
@media(max-width:700px){
  .hero{min-height:820px}
  .hero-photo{inset:45% 0 0 0;background-position:center}
  .hero-overlay{background:linear-gradient(180deg,rgba(194,0,0,1) 0%,rgba(202,0,0,.96) 42%,rgba(170,0,0,.2) 70%,rgba(170,0,0,.05))}
  .topbar{padding-top:35px}
  .logo{font-size:65px}.tagline{font-size:16px;margin-top:17px}
  .hero-content{min-height:auto;display:block}
  .copy{width:100%;padding:65px 0 300px}
  .eyebrow{font-size:10px;letter-spacing:3px}
  h1{font-size:46px}.intro{font-size:18px}
  .features{grid-template-columns:1fr 1fr;gap:13px;margin-top:28px}
  .feature{border:0;padding:0}.feature-icon{font-size:26px}
  .feature b,.feature small{font-size:11px}
  .notify-section{padding-top:27px}
  .email-control button{min-width:125px;padding:0 16px}
  .footer{letter-spacing:2px;gap:12px}
}
@media(max-width:430px){
  .container{width:90%}.hero{min-height:850px}
  .copy{padding-top:52px}.hero-photo{inset:49% 0 0}
  h1{font-size:41px}.intro{font-size:17px}
  .email-control button{font-size:12px;min-width:110px}
  .email-control input{font-size:12px}.mail{margin-left:12px}
}