*{box-sizing:border-box}html{scroll-behavior:smooth;background:#05080b}body{margin:0;background:#05080b;color:#f5f7fa;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}.snap{height:100vh;height:100svh;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y proximity;scroll-behavior:smooth;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.screen{height:100vh;height:100svh;min-height:560px;position:relative;scroll-snap-align:start;overflow:hidden;background:#070b0f center/cover no-repeat}.content{position:relative;z-index:2;width:min(100% - 44px,520px);height:100%;margin:auto;padding:108px 0 max(68px,env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:center}.bottom{justify-content:flex-end;padding-bottom:max(82px,calc(64px + env(safe-area-inset-bottom)))}.shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,5,8,.56),rgba(2,5,8,.62) 38%,rgba(2,5,8,.94) 92%)}.topbar{position:fixed;z-index:20;left:0;right:0;top:0;height:88px;padding:calc(14px + env(safe-area-inset-top)) 22px 10px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#05080be6,transparent);pointer-events:none}.topbar>*{pointer-events:auto}.topbar a{display:flex;align-items:center}.topbar img,footer img{display:block;mix-blend-mode:screen;filter:brightness(1.2) contrast(1.08)}.topbar img{width:48px;height:36px;object-fit:contain}.menu{width:44px;height:44px;border:0;background:rgba(5,8,11,.18);display:grid;place-content:center;gap:7px;cursor:pointer}.menu span{width:25px;height:2px;background:#fff;display:block}.drawer{position:fixed;z-index:30;inset:0;background:rgba(5,8,11,.985);padding:100px 36px calc(40px + env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:center;gap:16px;transform:translateX(100%);visibility:hidden;transition:transform .35s ease,visibility 0s linear .35s}.drawer.open{transform:none;visibility:visible;transition:transform .35s ease}.drawer a{font-size:clamp(27px,7.4vw,46px);font-weight:800;line-height:1.08;color:#dfe4e9;transition:color .18s ease}.drawer a.active,.drawer a:hover{color:#1680ff}.close{position:absolute;right:20px;top:calc(17px + env(safe-area-inset-top));width:48px;height:48px;background:none;border:0;color:#fff;font-size:42px;line-height:1;cursor:pointer}.eyebrow{font-size:11px;letter-spacing:.32em;color:#1680ff;font-weight:800;margin:0 0 18px}h1,h2{font-size:clamp(42px,12vw,68px);line-height:.93;letter-spacing:-.045em;margin:0 0 22px;font-weight:900}h1 em,h2 em{font-style:normal;color:#0878ff}.lead,.content>p:not(.eyebrow){font-size:16px;line-height:1.6;color:#d4d8dd;max-width:420px}.actions{display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:#0878ff;padding:17px 19px;min-width:230px;font-size:12px;text-transform:uppercase;font-weight:800;letter-spacing:.04em;border-radius:2px}.btn,.textlink,.ghost{transition:transform .18s ease,opacity .18s ease}.btn:active,.textlink:active,.ghost:active{transform:translateY(1px);opacity:.86}.textlink{font-size:12px;font-weight:800;text-transform:uppercase;border-bottom:1px solid #77808a;padding-bottom:7px}.counter{position:absolute;z-index:4;right:22px;bottom:max(22px,env(safe-area-inset-bottom));font-size:10px;letter-spacing:.18em;color:#b8c0c8}.next{position:absolute;z-index:4;left:22px;bottom:max(22px,env(safe-area-inset-bottom));font-size:9px;letter-spacing:.22em}.hero{background-image:url('https://zenithfitnesshub.in/assets/deadlift.webp')}.hero .shade{background:linear-gradient(90deg,rgba(2,5,8,.92),rgba(2,5,8,.22)),linear-gradient(0deg,rgba(2,5,8,.82),transparent 50%)}.hero-copy{justify-content:flex-end;padding-bottom:max(104px,calc(86px + env(safe-area-inset-bottom)))}.about{background-image:url('./assets/zenith-about-original.webp');background-position:center 42%}.about .shade{background:linear-gradient(180deg,rgba(2,5,8,.3) 0%,rgba(2,5,8,.38) 30%,rgba(2,5,8,.84) 67%,rgba(2,5,8,.97) 100%)}.about-copy{padding-bottom:max(98px,calc(80px + env(safe-area-inset-bottom)))}.about-copy .eyebrow{margin-bottom:12px}.about-copy h2{margin-bottom:16px}.about-copy .about-intro{font-size:15px;line-height:1.5;max-width:390px;margin:0;color:#d7dce1}.facts{display:flex;gap:0;margin:22px 0 20px;border-top:1px solid rgba(255,255,255,.22);border-bottom:1px solid rgba(255,255,255,.22);padding:14px 0}.facts span{flex:1;min-width:0;font-size:10px;line-height:1.35;color:#aeb7c0;padding:0 10px;border-left:1px solid rgba(255,255,255,.2)}.facts span:first-child{padding-left:0;border-left:0}.facts span:last-child{padding-right:0}.facts b{display:block;color:#fff;font-size:12px;line-height:1.2;margin-bottom:4px}.about-link{align-self:flex-start;border-bottom:0;padding-bottom:0;color:#fff}.programs{background:linear-gradient(155deg,#07111a,#030609)}.programs .content{justify-content:flex-start;padding-top:112px}.program-list{display:grid;gap:10px;margin-top:8px}.program-list article{position:relative;padding:16px 54px 16px 17px;border:1px solid #26313b;background:linear-gradient(120deg,#111922,#080d12);border-radius:5px}.program-list article:after{content:'→';position:absolute;right:18px;top:50%;transform:translateY(-50%);border:1px solid #7d8791;width:34px;height:34px;border-radius:50%;display:grid;place-items:center}.program-list small{color:#1680ff;letter-spacing:.2em}.program-list h3{margin:7px 0 4px;font-size:18px}.program-list p{margin:0;color:#aeb7c0;font-size:12px;line-height:1.4;max-width:280px}.results{background-image:url('https://zenithfitnesshub.in/assets/cardio.webp')}.membership{background-image:url('https://zenithfitnesshub.in/assets/strength.webp');background-size:cover;background-position:center 38%;background-repeat:no-repeat}.price{border-top:1px solid #38414a;border-bottom:1px solid #38414a;margin:20px 0;display:flex;justify-content:space-between;padding:15px 0;font-size:13px}.price b{color:#1680ff}.visit{background:radial-gradient(circle at 100% 25%,#0b2842,#05080b 45%)}.visit .content{justify-content:center}.visit-info{margin:10px 0 20px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.visit-info p{font-size:13px;line-height:1.6;color:#bfc6cd}.visit-info b{color:#fff}.ghost{border:1px solid #68727c;padding:16px 18px;min-width:230px;text-align:center;text-transform:uppercase;font-size:11px;font-weight:800;margin-top:10px}footer{margin-top:34px;padding-top:18px;border-top:1px solid #27313a;display:flex;align-items:center;justify-content:space-between;gap:18px}footer img{width:48px;height:36px;object-fit:contain}footer span{font-size:9px;color:#89939d;text-align:right}@media(max-height:700px){.content{padding-top:92px;padding-bottom:54px}.bottom{padding-bottom:68px}.hero-copy{padding-bottom:82px}h1,h2{font-size:clamp(36px,10vw,52px);margin-bottom:15px}.lead,.content>p:not(.eyebrow){font-size:14px;line-height:1.45}.eyebrow{margin-bottom:12px}.actions{margin-top:14px;gap:13px}.btn{padding:14px 17px}.about-copy{padding-bottom:66px}.about-copy .about-intro{font-size:13px}.facts{margin:14px 0;padding:10px 0}.facts b{font-size:11px}.facts span{font-size:9px}.programs .content{padding-top:94px}.program-list{gap:7px}.program-list article{padding-top:11px;padding-bottom:11px}.program-list h3{font-size:16px}.visit-info{margin:5px 0 12px}footer{margin-top:18px}}@media(min-width:760px){.content{width:min(100% - 120px,900px)}.topbar{padding-left:60px;padding-right:60px}.drawer{padding-left:max(60px,calc((100vw - 900px)/2));padding-right:max(60px,calc((100vw - 900px)/2))}.drawer a{font-size:clamp(34px,4vw,52px)}.hero-copy{align-items:flex-start}.about{background-position:center 40%}.about .shade{background:linear-gradient(90deg,rgba(2,5,8,.92) 0%,rgba(2,5,8,.7) 42%,rgba(2,5,8,.2) 76%),linear-gradient(0deg,rgba(2,5,8,.78),transparent 55%)}.about .content{align-items:flex-start}.about-copy .about-intro{max-width:480px}.facts{width:min(620px,100%)}.program-list{grid-template-columns:repeat(3,1fr)}.program-list article{min-height:180px}.visit-info{max-width:520px}.screen{background-position:center 35%}}@supports(height:100dvh){@media(min-height:701px){.snap,.screen{height:100dvh}}}@media(prefers-reduced-motion:reduce){html,.snap{scroll-behavior:auto}.drawer,.btn,.textlink,.ghost{transition:none}}

/* Desktop system — preserves the existing mobile/tablet experience */
@media (min-width:1024px){
  .screen{min-height:680px}
  .content{
    width:min(calc(100% - clamp(112px,12vw,184px)),1280px);
    padding:128px 0 88px;
  }
  .bottom{padding-bottom:clamp(78px,9vh,124px)}
  .topbar{
    height:96px;
    padding:0 clamp(56px,6vw,104px);
    background:linear-gradient(180deg,rgba(5,8,11,.96) 0%,rgba(5,8,11,.68) 58%,transparent 100%);
  }
  .topbar img{width:48px;height:36px;object-fit:contain}
  .menu{display:none}
  .drawer{
    inset:0 clamp(56px,6vw,104px) auto auto;
    width:auto;
    height:96px;
    padding:0;
    background:transparent;
    flex-direction:row;
    justify-content:flex-end;
    align-items:center;
    gap:clamp(13px,1.35vw,24px);
    transform:none;
    visibility:visible;
    transition:none;
  }
  .drawer.open{transform:none;visibility:visible;transition:none}
  .drawer>a:first-of-type{display:none}
  .drawer a{
    position:relative;
    font-size:clamp(9px,.82vw,12px);
    line-height:1;
    letter-spacing:.08em;
    text-transform:uppercase;
    font-weight:800;
    color:#c8cfd6;
    white-space:nowrap;
  }
  .drawer a:after{
    content:'';
    position:absolute;
    left:0;
    right:100%;
    bottom:-10px;
    height:1px;
    background:#1680ff;
    transition:right .2s ease;
  }
  .drawer a:hover,.drawer a.active{color:#fff}
  .drawer a:hover:after,.drawer a.active:after{right:0}
  .close{display:none}
  .eyebrow{font-size:12px;letter-spacing:.34em;margin-bottom:20px}
  h1,h2{
    font-size:clamp(64px,6.2vw,104px);
    line-height:.88;
    letter-spacing:-.05em;
    margin-bottom:28px;
    max-width:900px;
  }
  .lead,.content>p:not(.eyebrow){
    font-size:clamp(16px,1.25vw,19px);
    line-height:1.62;
    max-width:560px;
  }
  .hero-copy{justify-content:flex-end;padding-bottom:clamp(104px,12vh,154px)}
  .actions{flex-direction:row;align-items:center;gap:28px;margin-top:30px}
  .btn{min-width:254px;padding:18px 22px;font-size:12px}
  .content>.btn{align-self:flex-start}
  .textlink{font-size:11px;letter-spacing:.05em}
  .counter{right:clamp(56px,6vw,104px);bottom:30px;font-size:11px}
  .next{left:clamp(56px,6vw,104px);bottom:30px;font-size:11px}
  .hero{background-position:center 38%}
  .hero .shade{
    background:
      linear-gradient(90deg,rgba(2,5,8,.94) 0%,rgba(2,5,8,.72) 33%,rgba(2,5,8,.26) 63%,rgba(2,5,8,.08) 100%),
      linear-gradient(0deg,rgba(2,5,8,.74),transparent 55%);
  }
  .about{background-position:center 38%}
  .about-copy{padding-bottom:clamp(86px,10vh,132px)}
  .about-copy .about-intro{font-size:17px;line-height:1.55;max-width:560px}
  .facts{width:min(760px,100%);margin:28px 0 24px;padding:17px 0}
  .facts span{font-size:11px;padding:0 18px}
  .facts b{font-size:14px;margin-bottom:6px}
  .programs .content{justify-content:center;padding-top:118px}
  .programs .content>h2{margin-bottom:18px}
  .program-list{width:100%;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}
  .program-list article{
    min-height:230px;
    padding:28px 70px 28px 26px;
    border-color:#2b3945;
    transition:transform .2s ease,border-color .2s ease,background .2s ease;
  }
  .program-list article:hover{
    transform:translateY(-4px);
    border-color:#1680ff;
    background:linear-gradient(135deg,#121f2c,#080d12);
  }
  .program-list article:after{right:24px;width:40px;height:40px}
  .program-list small{font-size:11px}
  .program-list h3{font-size:22px;margin:14px 0 8px}
  .program-list p{font-size:14px;line-height:1.5;max-width:300px}
  .results,.membership{background-position:center 38%}
  .price{width:min(620px,100%);font-size:14px;padding:18px 0;margin:24px 0}
  .visit .content{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(380px,520px);
    grid-template-rows:auto auto auto auto 1fr auto;
    column-gap:clamp(72px,9vw,150px);
    align-items:start;
    padding-top:150px;
    padding-bottom:72px;
  }
  .visit .content>.eyebrow{grid-column:1;grid-row:1;align-self:end}
  .visit .content>h2{grid-column:1;grid-row:2;margin-bottom:0}
  .visit-info{
    grid-column:2;
    grid-row:1 / span 2;
    align-self:end;
    width:100%;
    max-width:none;
    gap:34px;
    margin:0;
  }
  .visit-info p{font-size:14px}
  .visit .content>.btn{grid-column:2;grid-row:3;margin-top:28px}
  .visit .ghost{grid-column:2;grid-row:4}
  .ghost{min-width:254px}
  footer{
    grid-column:1 / -1;
    grid-row:6;
    align-self:end;
    width:100%;
    margin-top:0;
  }
  footer img{width:48px;height:36px;object-fit:contain}
}
@media (min-width:1280px){
  .drawer{gap:24px}
  .drawer a{font-size:11px}
}

@media(min-width:1024px){
  footer span{font-size:11px}
}