/* ============ SARWADA v16 ============ */

/* ---- 1. No Call / Get a Quote bar anywhere ---- */
.m-bar,.m-actionbar{display:none !important;}
@media(max-width:640px){body{padding-bottom:0 !important;} footer{padding-bottom:52px !important;}}

/* ---- 2. Hero banner video (home) ---- */
.hero{position:relative;isolation:isolate;display:flex;align-items:center;background:#0b0e16 url(../video/hero-poster.jpg) center/cover no-repeat;}
.hero>.container{width:100%;position:relative;z-index:1;}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;pointer-events:none;}
.hero-overlay{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(8,10,16,.8) 0%,rgba(8,10,16,.46) 48%,rgba(8,10,16,.05) 100%),linear-gradient(180deg,rgba(8,10,16,.4) 0%,transparent 28%,transparent 68%,var(--bg) 100%);}
.hero-pill b{font-family:var(--font-mono);color:var(--amber);font-weight:600;margin-right:2px;}
@media(min-width:901px){.hero{min-height:min(100vh,820px);}}
@media(max-width:900px){.hero-overlay{background:linear-gradient(180deg,rgba(8,10,16,.62) 0%,rgba(8,10,16,.5) 60%,var(--bg) 100%);}}
@media(prefers-reduced-motion:reduce){.hero-bg{display:none;}}

/* ---- 3. Inner pages: first section must clear the fixed header on mobile ---- */
@media(max-width:900px){
  body.page-about #about,body.page-industries #industries,body.page-products #products,
  body.page-services #services,body.page-contact #contact{padding-top:116px;}
}

/* ---- 4. About block on mobile ---- */
@media(max-width:640px){
  body .about-photo{display:grid !important;grid-template-columns:1fr 1fr;gap:12px;aspect-ratio:auto !important;height:auto !important;margin-top:8px;}
  body .about-photo::before{display:none;}
  body .about-photo .ph-frame{grid-column:1/-1;aspect-ratio:4/3;height:auto;border-radius:18px;}
  body .about-photo .ph-frame::after{display:none;}
  body .about-photo .about-badge,body .about-photo .about-badge.ab-top,body .about-photo .about-badge.ab-bottom{position:static !important;inset:auto !important;margin:0 !important;width:auto;padding:14px 14px;gap:10px;border-radius:14px;background:var(--surface-raised) !important;backdrop-filter:none;-webkit-backdrop-filter:none;}
  body .about-photo .about-badge.ab-bottom{order:2;} body .about-photo .about-badge.ab-top{order:3;}
  body .about-photo .about-badge .ab-num{font-size:24px;}
  body .about-photo .about-badge .ab-label{font-size:12px;max-width:none;}
  body .about-points{grid-template-columns:1fr !important;}
  body .about-points li{flex-direction:row !important;}
}

/* ---- 5. Industries: one card per row on mobile ---- */
@media(max-width:640px){
  body .industry-grid{grid-template-columns:1fr !important;gap:12px !important;}
  body .industry-card{text-align:left;padding:20px 18px;}
  body .industry-card .ic{margin-bottom:10px;}
}

/* ---- 6. Stats: one big number per row (mobile) ---- */
@media(max-width:640px){
  body .stats-band{padding:20px 0;}
  body .stats-grid{grid-template-columns:1fr !important;gap:0 !important;}
  body .stat{padding:30px 0;border-bottom:1px solid var(--line);}
  body .stat:last-child{border-bottom:0;}
  body .stat b{font-size:56px !important;line-height:1.05;white-space:nowrap;}
  body .stat span{display:block;margin-top:8px;font-size:17px;color:var(--text-dim);}
}

/* ---- 7. From Idea to Launch: cursor hover ---- */
.process-item{cursor:pointer;}
.process-item .step-icon,.process-item .num,.process-item h4{transition:transform .35s,background .35s,color .35s,box-shadow .35s,opacity .35s;}
.process-item{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s,background .35s;}
@media(min-width:641px){
  body .process-item:hover{transform:translateY(-8px);border-color:var(--step-color,var(--indigo));background:linear-gradient(180deg,color-mix(in srgb,var(--step-color,var(--indigo)) 14%,var(--surface)),var(--surface-raised));box-shadow:0 24px 46px -18px color-mix(in srgb,var(--step-color,var(--indigo)) 75%,transparent);}
  body .process-item:hover::before{height:5px;}
  body .process-item:hover .num{opacity:1;transform:scale(1.15);}
  body .process-item:hover:not(:last-child)::after{color:var(--step-color,var(--indigo));}
}
body .process-item:hover .step-icon,body .process-item:active .step-icon,body .process-item.is-hover .step-icon{background:var(--step-color,var(--indigo));color:#0b0e17;box-shadow:0 10px 22px -8px var(--step-color,var(--indigo));}
@media(min-width:641px){body .process-item:hover .step-icon{transform:scale(1.1) rotate(-6deg);}}
body .process-item:hover h4{color:var(--step-color,var(--indigo));}
@media(max-width:640px){body .process-item:hover,body .process-item:active{transform:none;}}

/* ---- 8. Service / product inner pages on mobile ---- */
@media(max-width:700px){
  .service-page .hb-grid{grid-template-columns:1fr !important;gap:6px;}
  .service-page .hb-center{order:0;}
  .service-page .hb-left{display:none;}
  .service-page .hb-right{order:2;}
  .service-page .hb-art img{max-width:340px !important;width:100%;filter:drop-shadow(0 24px 40px rgba(108,123,255,.28));}
  .svc-show .svc-row{gap:18px;margin-top:40px;padding:16px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,var(--surface),transparent);}
  .svc-img{border-radius:16px;background:radial-gradient(120% 90% at 50% 0%,rgba(108,123,255,.18),transparent 70%),var(--bg);padding:10px;}
  .svc-img img{border-radius:10px;}
  .svc-show .svc-txt h3{font-size:21px;}
  .svc-show .svc-txt ul{margin-top:12px;}
}

/* ============ SARWADA v17: breadcrumb pill + About page ============ */
.about-more{margin-top:30px;display:flex;gap:16px;flex-wrap:wrap;align-items:center;}
.about-note{font-size:13.5px;color:var(--text-dim);}
.ab-photo{border-radius:22px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-soft);}
.ab-photo img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:4/3.2;}
.ab-story{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
.ab-story p{color:var(--text-dim);margin-top:16px;}
.mv-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.mv-card{position:relative;overflow:hidden;background:var(--surface-raised);border:1px solid var(--line);border-radius:18px;padding:36px 34px;}
.mv-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--mv,var(--indigo));}
.mv-card h3{margin-bottom:12px;}
.mv-card p{color:var(--text-dim);}
.val-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.val-card{position:relative;overflow:hidden;background:var(--surface-raised);border:1px solid var(--line);border-radius:16px;padding:28px 24px;transition:.25s ease;}
.val-card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--vc,var(--indigo));}
.val-card:hover{transform:translateY(-6px);border-color:var(--vc,var(--indigo));box-shadow:var(--shadow-soft);}
.val-card .num{display:block;font-family:var(--font-mono);font-size:30px;margin-bottom:14px;color:var(--vc,var(--indigo));}
.val-card h3{font-size:18px;margin-bottom:8px;}
.val-card p{font-size:14.5px;color:var(--text-dim);}
.ab-cta{text-align:center;max-width:760px;}
@media(max-width:900px){.ab-story,.mv-grid{grid-template-columns:1fr;gap:34px;}.val-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:640px){.val-grid{grid-template-columns:1fr;}.mv-card{padding:28px 22px;}}

/* ============ SARWADA v18: About page (Bynaric-style sections) ============ */
.about-banner .hb-center h1{font-size:clamp(40px,6vw,64px);}
.ab-center{text-align:center;max-width:820px;margin:0 auto 48px;}
.ab-center p{color:var(--text-dim);font-size:17px;margin-top:16px;}
.mv-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.mv-feature{position:relative;overflow:hidden;background:var(--surface-raised);border:1px solid var(--line);border-radius:18px;padding:30px 24px;text-align:center;transition:.25s ease;}
.mv-feature:hover{transform:translateY(-6px);border-color:var(--vc);box-shadow:var(--shadow-soft);}
.mv-feature .mf-ic{display:inline-flex;width:64px;height:64px;border-radius:20px;align-items:center;justify-content:center;margin-bottom:18px;background:color-mix(in srgb,var(--vc) 18%,transparent);color:var(--vc);}
.mv-feature .mf-ic svg{width:30px;height:30px;}
.mv-feature h3{font-size:18px;margin-bottom:8px;}
.mv-feature p{font-size:14.5px;color:var(--text-dim);}
.timeline{position:relative;max-width:980px;margin:0 auto;}
.timeline::before{content:"";position:absolute;left:50%;top:6px;bottom:6px;border-left:2px dashed var(--line);transform:translateX(-1px);}
.tl-item{position:relative;display:grid;grid-template-columns:1fr 1fr;column-gap:84px;align-items:center;margin-bottom:34px;}
.tl-item:last-child{margin-bottom:0;}
.tl-dot{position:absolute;left:50%;top:50%;width:18px;height:18px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 6px var(--bg),0 0 0 7px var(--amber);transform:translate(-50%,-50%);}
.tl-meta em{display:block;font-family:var(--font-mono);font-size:14px;font-style:normal;color:var(--amber);letter-spacing:.08em;margin-bottom:6px;}
.tl-meta h3{font-size:24px;text-transform:uppercase;letter-spacing:.02em;}
.tl-card{background:var(--surface-raised);border:1px solid var(--line);border-bottom:3px solid var(--indigo);border-radius:14px;padding:22px 24px;}
.tl-card p{color:var(--text-dim);font-size:15px;}
.tl-item:nth-child(odd) .tl-meta{grid-column:2;grid-row:1;}
.tl-item:nth-child(odd) .tl-card{grid-column:1;grid-row:1;}
.tl-item:nth-child(even) .tl-meta{text-align:right;}
.approach{background:linear-gradient(135deg,#3b46c9 0%,#6C7BFF 55%,#9B7CFF 100%);}
.approach-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center;}
.approach-art svg{display:block;width:100%;max-width:380px;margin:0 auto;}
.approach-card{background:var(--bg);border-radius:18px;padding:44px 40px;box-shadow:0 30px 60px -24px rgba(0,0,0,.5);}
.approach-card h2{margin-bottom:16px;}
.approach-card p{color:var(--text-dim);margin-bottom:14px;}
.approach-card .btn{margin-top:12px;}
.logo-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);}
.lg-track{display:flex;gap:22px;width:max-content;animation:lgscroll 38s linear infinite;}
.logo-marquee:hover .lg-track{animation-play-state:paused;}
.lg-chip{flex:none;width:170px;height:104px;display:flex;align-items:center;justify-content:center;background:var(--surface-raised);border:1px solid var(--line);border-radius:16px;padding:16px;}
.lg-chip img{max-width:100%;max-height:100%;object-fit:contain;}
@keyframes lgscroll{to{transform:translateX(calc(-50% - 11px));}}
@media(prefers-reduced-motion:reduce){.lg-track{animation:none;flex-wrap:wrap;width:auto;justify-content:center;}}
@media(max-width:900px){.mv-cards{grid-template-columns:1fr 1fr;}.approach-grid{grid-template-columns:1fr;gap:34px;}.approach-card{padding:32px 26px;}}
@media(max-width:640px){
  .mv-cards{grid-template-columns:1fr;}
  .timeline::before{left:9px;}
  .tl-item{grid-template-columns:1fr;row-gap:12px;padding-left:40px;column-gap:0;}
  .tl-dot{left:9px;top:8px;transform:translate(-50%,0);}
  .tl-item:nth-child(n) .tl-meta{grid-column:1;grid-row:1;text-align:left;}
  .tl-item:nth-child(n) .tl-card{grid-column:1;grid-row:2;}
  .tl-meta h3{font-size:20px;}
  .lg-chip{width:140px;height:88px;}
}
.lg-chip{background:#f3f5fb;border-color:#dfe4f0;}
.ab-center .eyebrow{justify-content:center;}

/* ============ SARWADA v22 ============ */
.story-visual{background:var(--surface-raised);border:1px solid var(--line);border-radius:28px;padding:22px;box-shadow:var(--shadow-soft);}
.story-visual svg{display:block;width:100%;height:auto;}
.story-badge{display:inline-block;padding:9px 20px;margin-bottom:20px;border-radius:999px;background:rgba(245,177,92,.14);color:var(--amber);font-size:13.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;}
.approach{background:radial-gradient(540px 340px at 18% 55%,rgba(108,123,255,.22),transparent 70%),radial-gradient(480px 300px at 92% 40%,rgba(245,177,92,.10),transparent 70%),var(--bg);border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);}
.approach-card{background:var(--surface-raised);border:1px solid var(--line);border-left:3px solid var(--amber);box-shadow:var(--shadow-soft);}

/* ============ SARWADA v23: About story photo, Mission/Vision cards, Our Journey ============ */
.story-visual img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:18px;}
.mv-duo{margin-bottom:28px;}
.mv-duo .mv-card{padding:38px 36px;transition:.25s ease;}
.mv-duo .mv-card:hover{transform:translateY(-4px);border-color:var(--mv);box-shadow:var(--shadow-soft);}
.mv-duo .mv-ic{display:inline-flex;width:52px;height:52px;border-radius:14px;align-items:center;justify-content:center;margin-bottom:18px;background:color-mix(in srgb,var(--mv) 18%,transparent);color:var(--mv);}
.mv-duo .mv-ic svg{width:26px;height:26px;}
.mv-duo .mv-label{display:block;font-family:var(--font-mono);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mv);margin-bottom:10px;}
.mv-duo .mv-card h3{font-size:22px;line-height:1.3;margin-bottom:14px;}
.mv-duo .mv-card p{font-size:15.5px;line-height:1.75;}
@media(max-width:640px){.mv-duo .mv-card{padding:28px 22px;}}

.journey{border-top:1px solid var(--line-soft);}
.jr-head{margin-bottom:64px;}
.jr-head h2{font-size:clamp(32px,4.4vw,48px);text-transform:uppercase;letter-spacing:.02em;}
.jr-timeline{position:relative;margin:0 auto;padding:0;max-width:1000px;}
.jr-list{list-style:none;margin:0;padding:0;}
.jr-timeline::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;transform:translateX(-1px);background:var(--line);border-radius:2px;}
.jr-progress{position:absolute;left:50%;top:0;width:2px;height:0;transform:translateX(-1px);background:linear-gradient(180deg,#6C7BFF,#9B7CFF 55%,#F5B15C);border-radius:2px;z-index:1;pointer-events:none;}
.jr-item{position:relative;display:grid;grid-template-columns:1fr 76px 1fr;align-items:center;margin-bottom:34px;}
.jr-item:last-child{margin-bottom:0;}
.jr-dot{grid-column:2;grid-row:1;justify-self:center;position:relative;z-index:2;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:15px;font-weight:600;color:var(--vc);background:var(--bg);border:2px solid var(--vc);box-shadow:0 0 0 7px var(--bg);transition:.3s ease;}
.jr-card{grid-row:1;position:relative;background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius,18px);padding:26px 28px;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;}
.jr-card::before{content:"";position:absolute;top:0;left:24px;right:24px;height:3px;border-radius:0 0 4px 4px;background:var(--vc);opacity:.85;}
.jr-card h3{font-size:18px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;}
.jr-card p{font-size:15px;line-height:1.7;color:var(--text-dim);margin:0;}
.jr-item:nth-child(odd) .jr-card{grid-column:1;}
.jr-item:nth-child(even) .jr-card{grid-column:3;}
.jr-card:hover{transform:translateY(-4px);border-color:var(--vc);box-shadow:var(--shadow-soft);}
.jr-item:hover .jr-dot{background:var(--vc);color:var(--bg);}
.jr-js .jr-item .jr-card{opacity:0;transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1),border-color .3s ease,box-shadow .3s ease;}
.jr-js .jr-item:nth-child(odd) .jr-card{transform:translateX(-28px);}
.jr-js .jr-item:nth-child(even) .jr-card{transform:translateX(28px);}
.jr-js .jr-item .jr-dot{opacity:0;transform:scale(.6);}
.jr-js .jr-item.in .jr-dot{opacity:1;transform:none;transition:opacity .5s ease .15s,transform .5s cubic-bezier(.2,.9,.3,1.3) .15s,background .3s,color .3s;}
.jr-js .jr-item.in .jr-card{opacity:1;transform:none;}
.jr-js .jr-item.in .jr-card:hover{transform:translateY(-4px);}
@media(max-width:760px){
  .jr-head{margin-bottom:44px;}
  .jr-timeline::before,.jr-progress{left:22px;}
  .jr-item{grid-template-columns:44px 1fr;column-gap:16px;align-items:start;margin-bottom:22px;}
  .jr-dot{grid-column:1;justify-self:start;width:44px;height:44px;font-size:13.5px;box-shadow:0 0 0 6px var(--bg);margin-top:6px;}
  .jr-item:nth-child(n) .jr-card{grid-column:2;padding:22px 20px;}
  .jr-js .jr-item:nth-child(n) .jr-card{transform:translateY(22px);}
  .jr-js .jr-item.in .jr-card{transform:none;}
  .jr-card h3{font-size:16px;}
  .jr-card p{font-size:14.5px;}
}
@media(prefers-reduced-motion:reduce){
  .jr-js .jr-item .jr-card,.jr-js .jr-item .jr-dot{opacity:1;transform:none;transition:none;}
}

/* ===== v32: clearer hero video (natural colours) + mobile hero buttons ===== */
.hero-bg{filter:brightness(1.14) contrast(1.06) saturate(1.12);}
.hero-overlay{background:linear-gradient(90deg,rgba(8,10,16,.6) 0%,rgba(8,10,16,.28) 42%,rgba(8,10,16,0) 72%),linear-gradient(180deg,rgba(8,10,16,.28) 0%,transparent 22%,transparent 80%,var(--bg) 100%) !important;}
.hero h1,.hero p{text-shadow:0 2px 18px rgba(0,0,0,.45);}
@media(max-width:900px){
  .hero-overlay{background:linear-gradient(180deg,rgba(8,10,16,.70) 0%,rgba(8,10,16,.58) 58%,rgba(8,10,16,.55) 85%,var(--bg) 100%) !important;}
}
@media(max-width:640px){
  .hero-actions{flex-direction:column;align-items:stretch;gap:14px;}
  .hero-actions .btn{flex:0 0 auto !important;}
  .hero-actions .btn-primary{width:100%;white-space:nowrap;padding:15px 24px;font-size:16px;}
  .hero-actions .btn-ghost{align-self:flex-start;white-space:nowrap;}
}

/* ===== v33: still image hero background + mobile buttons ===== */
@media(max-width:900px){.hero{background-position:74% center;}}
@media(max-width:640px){
  .hero-actions .btn-ghost{align-self:stretch;width:100%;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.07);padding:15px 24px;font-size:16px;justify-content:center;white-space:nowrap;}
  .hero-actions .btn-ghost:hover{background:rgba(255,255,255,.14);border-color:var(--amber);}
}
@media(max-width:640px){.hero p{color:#c9d1df;}}

/* ============ v35 · Follow Us (Facebook + Instagram) ============ */
.f-follow{margin-top:22px;}

.f-follow-links{display:flex;gap:10px;}
.f-follow-links a{display:block;width:38px;height:38px;border-radius:50%;transition:transform .25s,box-shadow .25s,filter .25s;}
.f-follow-links svg{display:block;width:100%;height:100%;}
.f-follow-links a:hover{transform:translateY(-3px);box-shadow:0 10px 22px -8px rgba(0,0,0,.6);filter:brightness(1.08);}
.f-follow-links a:focus-visible{outline:2px solid var(--amber,#F5B15C);outline-offset:3px;}

/* ============ v35 · Industry detail panel (no image) ============ */
.ov-head{position:relative;padding:34px 34px 30px;margin-bottom:26px;border:1px solid var(--line,#2a3042);border-radius:var(--radius,16px);background:linear-gradient(135deg,rgba(108,123,255,.14),rgba(155,124,255,.05) 55%,rgba(245,177,92,.07));overflow:hidden;}
.ov-head::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#6C7BFF,#F5B15C);}
.ov-head::after{content:"";position:absolute;right:-70px;top:-70px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(108,123,255,.25),transparent 68%);pointer-events:none;}
.ov-head h2{position:relative;margin:6px 0 14px;}
.ov-head .lead{position:relative;margin:16px 0 0;color:var(--text-dim);}
.ov-chips{position:relative;display:flex;flex-wrap:wrap;gap:8px;}
.ov-chips span{font-family:var(--font-mono,ui-monospace,monospace);font-size:12px;color:var(--amber,#F5B15C);border:1px solid rgba(245,177,92,.35);background:rgba(245,177,92,.08);border-radius:999px;padding:5px 12px;}
.ov-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:30px;}
.ov-col{padding:24px 24px 20px;border:1px solid var(--line,#2a3042);border-radius:var(--radius,16px);background:var(--surface,#10162a);}
.ov-col h4{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--indigo,#6C7BFF);margin:0 0 14px;}
.ov-res h4{color:#5CC29A;}
.ov-col ul{list-style:none;margin:0;padding:0;}
.ov-col li{position:relative;padding:0 0 11px 26px;font-size:14.5px;line-height:1.55;color:var(--text-dim);}
.ov-col li::before{content:"✓";position:absolute;left:0;top:0;font-weight:700;color:var(--indigo,#6C7BFF);}
.ov-res li::before{color:#5CC29A;}
@media(max-width:700px){.ov-head{padding:26px 22px 24px;}.ov-cols{grid-template-columns:1fr;}}

/* v35 · clickable contact icons */
a.fc-icon,a.ci-icon{text-decoration:none;transition:transform .2s,background .2s,color .2s;}
a.fc-icon:hover,a.ci-icon:hover{transform:translateY(-2px);background:var(--indigo,#6C7BFF);color:#0B0E17;}