*{box-sizing:border-box}
:root{--navy:#172b58;--blue:#08a6df;--ink:#5a6579;--paper:#f3f5f8;--white:#fff}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--navy);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}
.eyebrow{display:block;color:#63d5f5;font-size:12px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.eyebrow--blue{color:var(--blue)}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 23px;border:1px solid transparent;border-radius:999px;font:800 13px/1 Manrope,sans-serif;text-decoration:none;transition:.25s ease;cursor:pointer}
.button--solid{background:var(--navy);color:#fff}.button--solid:hover{background:var(--blue);transform:translateY(-2px)}
.button--ghost{border-color:rgba(255,255,255,.5);color:#fff;background:rgba(255,255,255,.05);backdrop-filter:blur(8px)}
.button--ghost:hover{background:#fff;color:var(--navy)}
.button--light{border:0;background:#fff;color:var(--navy)}.button--light:hover{background:#87def7;transform:translateY(-2px)}
.section{padding:120px max(6vw,28px)}

.industry-reel{position:relative;height:100svh;min-height:760px;background:#0b1936;overflow:hidden}
.industry-frame{position:absolute;inset:0;display:flex;align-items:flex-end;padding:190px max(6vw,28px) 105px;background-image:var(--scene);background-size:cover;background-position:center;opacity:0;visibility:hidden;transform:scale(1.035);transition:opacity .8s ease,visibility .8s ease,transform 7s ease}
.industry-frame.is-active{opacity:1;visibility:visible;transform:scale(1)}
.industry-frame__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,19,44,.94) 0%,rgba(10,29,63,.76) 43%,rgba(10,24,52,.18) 76%),linear-gradient(0deg,rgba(5,17,40,.72),transparent 52%)}
.industry-frame__content{position:relative;z-index:1;width:min(850px,70vw);color:#fff}
.industry-frame h1,.industry-frame h2{max-width:760px;margin:17px 0 22px;font-size:clamp(38px,4.8vw,72px);font-weight:700;line-height:1;letter-spacing:-.055em}
.industry-frame p{max-width:690px;margin:0;color:#d7e1ef;font-size:clamp(16px,1.3vw,20px);line-height:1.65}
.industry-frame__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.industry-frame__actions .button--solid{background:#fff;color:var(--navy)}
.industry-frame__actions .button--solid:hover{background:var(--blue);color:#fff}
.product-line{display:flex;gap:0;flex-wrap:wrap;margin:36px 0 0;padding:0;list-style:none}
.product-line li{padding:0 17px;border-left:1px solid rgba(255,255,255,.35);color:#e8edf5;font-size:12px;font-weight:700}.product-line li:first-child{padding-left:0;border-left:0}
.industry-reel__nav{position:absolute;z-index:4;right:max(3vw,24px);top:50%;display:grid;transform:translateY(-50%)}
.industry-reel__nav button{display:flex;align-items:center;gap:12px;width:160px;padding:15px 0;border:0;border-bottom:1px solid rgba(255,255,255,.17);background:transparent;color:rgba(255,255,255,.5);font:700 13px Manrope;text-align:left;cursor:pointer;transition:.25s}
.industry-reel__nav button span{color:#65d7f7;font-size:10px;letter-spacing:.1em}.industry-reel__nav button.is-active{color:#fff;transform:translateX(-10px)}
.industry-reel__progress{position:absolute;z-index:4;left:0;right:0;bottom:0;height:4px;background:rgba(255,255,255,.15)}
.industry-reel__progress i{display:block;width:0;height:100%;background:var(--blue)}
.industry-reel__progress.is-running i{animation:heroProgress 8s linear forwards}@keyframes heroProgress{to{width:100%}}

.proof-strip{display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr 1.15fr;gap:12px;padding:18px max(5vw,20px);background:#edf1f6}
.proof-strip div{position:relative;min-height:132px;padding:28px 20px;border:1px solid #dce4ed;border-radius:18px;background:#fff;text-align:center;box-shadow:0 12px 25px rgba(23,43,88,.06);overflow:hidden}.proof-strip div:nth-child(odd){transform:translateY(-12px)}.proof-strip div:after{content:"";position:absolute;right:-28px;bottom:-36px;width:88px;height:88px;border-radius:50%;background:linear-gradient(135deg,rgba(8,166,223,.17),rgba(23,43,88,.02))}
.proof-strip strong{display:block;color:var(--navy);font-size:38px;letter-spacing:-.06em}.proof-strip span{display:block;margin-top:6px;color:var(--ink);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}

.manifesto{display:grid;grid-template-columns:1.05fr .95fr;gap:9vw;align-items:start;background:#fff}
.manifesto h2,.section-heading h2,.product-universe h2,.credentials h2,.cta-section h2{margin:15px 0 0;font-size:clamp(42px,5.3vw,78px);line-height:1;letter-spacing:-.055em}
.manifesto__copy>p{margin:27px 0 45px;color:var(--ink);font-size:20px;line-height:1.75}
.comparison{display:grid;gap:0;border-top:1px solid #dfe4ec}.comparison div{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid #dfe4ec}.comparison span{color:var(--ink);font-size:13px;font-weight:700}.comparison strong{font-size:15px}
.about-snapshot{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(45px,7vw,110px);align-items:center;background:#fff}.about-snapshot__image{position:relative;min-height:620px;overflow:hidden;border-radius:26px}.about-snapshot__image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,29,63,.28),transparent 50%)}.about-snapshot__image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.about-snapshot__copy h2{margin:15px 0 25px;font-size:clamp(44px,5vw,76px);line-height:.98;letter-spacing:-.055em}.about-snapshot__copy>p{max-width:670px;margin:0 0 16px;color:var(--ink);font-size:16px;line-height:1.75}.about-snapshot__facts{display:grid;grid-template-columns:repeat(3,1fr);margin:30px 0;border-top:1px solid #dfe5ed;border-bottom:1px solid #dfe5ed}.about-snapshot__facts div{padding:20px 12px;border-right:1px solid #dfe5ed}.about-snapshot__facts div:first-child{padding-left:0}.about-snapshot__facts div:last-child{border:0}.about-snapshot__facts strong{display:block;font-size:29px;letter-spacing:-.05em}.about-snapshot__facts span{display:block;margin-top:4px;color:var(--ink);font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}

.systems-reel{background:#0e1f42;color:#fff}
.systems-reel .section-heading{max-width:760px}
.systems-reel .eyebrow--blue{color:#63d5f5}
.systems-reel h2{margin:15px 0 0;font-size:clamp(38px,4.6vw,68px);line-height:1;letter-spacing:-.055em}
.systems-reel__lead{max-width:600px;margin:22px 0 0;color:#c3d1e6;font-size:17px;line-height:1.7}
.systems-reel__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:52px}
.systems-card{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:20px;background:#0a1734;border:1px solid rgba(255,255,255,.09);text-decoration:none;color:#fff;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.systems-card:hover{transform:translateY(-4px);border-color:rgba(99,213,245,.45);box-shadow:0 24px 55px rgba(0,0,0,.35)}
.systems-card video{width:100%;aspect-ratio:16/10;object-fit:cover;background:#071026;display:block}
.systems-card__body{padding:26px clamp(22px,2.4vw,32px) 28px}
.systems-card__tag{color:#63d5f5;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.systems-card h3{margin:11px 0 10px;font-size:clamp(23px,2.4vw,32px);line-height:1.05;letter-spacing:-.03em}
.systems-card__body p{margin:0;color:#b7c4da;font-size:15px;line-height:1.65}
.systems-card__link{display:inline-block;margin-top:18px;color:#fff;font-size:13px;font-weight:800;letter-spacing:.02em;transition:color .25s ease}
.systems-card:hover .systems-card__link{color:#63d5f5}

.india-map{position:relative;display:grid;grid-template-columns:.82fr 1.18fr;background:radial-gradient(120% 120% at 80% 10%,#1c366b 0%,#0d1c3c 55%,#091634 100%);color:#fff}
.india-map__rail{padding:0 clamp(28px,5vw,72px)}
.india-map__intro{display:flex;min-height:100svh;flex-direction:column;justify-content:center}
.india-map__intro .eyebrow{color:#63d5f5}
.india-map__intro h2{margin:15px 0 22px;font-size:clamp(40px,4.8vw,72px);line-height:.98;letter-spacing:-.055em}
.india-map__intro>p{max-width:480px;margin:0;color:#c3d1e6;font-size:17px;line-height:1.75}
.india-map__legend{display:flex;gap:26px;flex-wrap:wrap;margin:34px 0 0;padding:0;list-style:none}
.india-map__legend li{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700;color:#dbe6f5}
.india-map__dot{width:11px;height:11px;border-radius:50%;box-shadow:0 0 0 4px rgba(255,255,255,.08)}
.india-map__dot--nashik{background:#63d5f5}.india-map__dot--lucknow{background:#ffca67}
.india-map__step{display:flex;min-height:100svh;flex-direction:column;justify-content:center;opacity:.4;transition:opacity .4s ease}
.india-map__step.is-active{opacity:1}
.india-map__num{color:#63d5f5;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.india-map__num--lucknow{color:#ffca67}
.india-map__step h3{max-width:440px;margin:13px 0 18px;font-size:clamp(32px,3.6vw,54px);line-height:1;letter-spacing:-.05em}
.india-map__step>p{max-width:430px;margin:0;color:#c3d1e6;font-size:16px;line-height:1.75}
.india-map__stage{position:sticky;top:0;align-self:start;width:100%;height:100svh;overflow:hidden}
.india-map__stage canvas{display:block;width:100%;height:100%}
.india-map__labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.india-map__pin{position:absolute;top:0;left:0;display:flex;align-items:center;gap:7px;padding:5px 11px 5px 8px;border-radius:999px;background:rgba(9,20,44,.72);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.16);white-space:nowrap;transition:opacity .3s ease,filter .3s ease;will-change:transform,opacity}
.india-map__pin.is-dim{opacity:.28!important;filter:grayscale(.5)}
.india-map__pin b{font-size:12px;font-weight:800;letter-spacing:.01em;color:#fff}
.india-map__pin i{width:9px;height:9px;border-radius:50%;flex:none;animation:mapPulse 2.2s ease-out infinite}
.india-map__pin--nashik i{background:#63d5f5}
.india-map__pin--lucknow i{background:#ffca67;animation-name:mapPulseGold}
.india-map__hint{position:absolute;right:14px;bottom:10px;margin:0;color:rgba(255,255,255,.5);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;pointer-events:none}
@keyframes mapPulse{0%{box-shadow:0 0 0 0 rgba(99,213,245,.55)}70%,100%{box-shadow:0 0 0 9px rgba(99,213,245,0)}}
@keyframes mapPulseGold{0%{box-shadow:0 0 0 0 rgba(255,202,103,.55)}70%,100%{box-shadow:0 0 0 9px rgba(255,202,103,0)}}

.why-scroll{position:relative;background:#0b1b3c}.why-scroll__visual{position:sticky;top:0;height:100svh;width:100%;overflow:hidden;background:#13264d}.why-scroll__image{position:absolute;inset:0;background:url('../media/DJI_0959sad.png') center/cover;transition:opacity .35s ease,transform 1.1s cubic-bezier(.22,1,.36,1);transform:scale(1.04)}.why-scroll__visual.is-changing .why-scroll__image{opacity:.2;transform:scale(1.08)}.why-scroll__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,18,42,.92) 0%,rgba(6,18,42,.66) 42%,rgba(6,18,42,.12) 74%,rgba(6,18,42,.02) 100%),linear-gradient(0deg,rgba(5,17,40,.6),transparent 55%)}.why-scroll__visual-copy{position:absolute;z-index:2;left:clamp(24px,5vw,86px);right:clamp(24px,5vw,86px);bottom:32px;display:flex;align-items:center;gap:18px;color:#fff}.why-scroll__visual-copy span,.why-scroll__visual-copy strong{display:none}.why-scroll__visual-copy i{position:relative;display:block;flex:1;height:3px;background:rgba(255,255,255,.24);border-radius:999px;overflow:hidden}.why-scroll__visual-copy i b{position:absolute;inset:0 auto 0 0;display:block;width:25%;height:100%;background:#66d9f8;border-radius:999px;transition:width .55s ease}.why-scroll__visual-copy small{flex:none;color:#d2dceb;font-size:11px;font-style:normal;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.why-scroll__content{position:relative;z-index:1;margin-top:-100svh;padding:0 clamp(32px,5vw,86px);max-width:min(760px,92vw)}.why-scroll__intro{display:flex;min-height:100svh;flex-direction:column;justify-content:center}.why-scroll__intro .eyebrow--blue{color:#66d9f8}.why-scroll__intro h2{max-width:710px;margin:18px 0 24px;color:#fff;font-size:clamp(45px,5.4vw,82px);line-height:.97;letter-spacing:-.06em}.why-scroll__intro p{max-width:580px;color:#c8d4e8;font-size:18px;line-height:1.7}.why-scroll__step{display:flex;min-height:100svh;padding:14vh 0 11vh;flex-direction:column;justify-content:center;border-top:1px solid rgba(255,255,255,.14);opacity:.4;transition:opacity .4s ease}.why-scroll__step.is-active{opacity:1}.why-scroll__number{color:#66d9f8;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.why-scroll__step h3{max-width:650px;margin:15px 0 22px;color:#fff;font-size:clamp(38px,4.5vw,68px);line-height:1;letter-spacing:-.055em}.why-scroll__step>p{max-width:620px;margin:0 0 28px;color:#c8d4e8;font-size:16px;line-height:1.75}.why-scroll__step ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}.why-scroll__step li{position:relative;min-height:88px;padding:17px 17px 17px 43px;border:1px solid rgba(255,255,255,.14);border-radius:15px;background:rgba(255,255,255,.07);backdrop-filter:blur(6px);color:#eaf0f9;font-size:13px;font-weight:700;line-height:1.5;box-shadow:0 10px 28px rgba(0,0,0,.18)}.why-scroll__step li:before{content:'✓';position:absolute;top:18px;left:17px;display:grid;width:18px;height:18px;place-items:center;border-radius:50%;background:#66d9f8;color:#062033;font-size:10px}.why-scroll__step .button{align-self:flex-start;margin-top:26px}.why-scroll__step .button--solid{background:#fff;color:var(--navy)}.why-scroll__step .button--solid:hover{background:var(--blue);color:#fff}

.product-universe{background:#e8edf4}
.product-universe__frame{position:relative;width:100%;height:min(90svh,880px);min-height:620px;overflow:hidden;background:#dfe5ed}
.product-universe__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none}
.product-universe__open{position:absolute;inset:0;z-index:2}
.product-universe__copy{position:absolute;z-index:3;top:50%;left:max(6vw,28px);transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-start;max-width:min(560px,86vw);padding:clamp(28px,3vw,44px);border-radius:22px;background:linear-gradient(150deg,rgba(255,255,255,.9),rgba(255,255,255,.72));backdrop-filter:blur(14px);box-shadow:0 24px 60px rgba(23,43,88,.16);border:1px solid rgba(255,255,255,.6)}
.product-universe__copy p{max-width:440px;margin:22px 0 30px;color:var(--ink);font-size:17px;line-height:1.7}
.product-universe__copy .button{position:relative;z-index:4}

.section-heading{max-width:850px;margin-bottom:55px}.section-heading--center{margin-right:auto;margin-left:auto;text-align:center}
.portfolio{background:#fff}.portfolio__grid{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:repeat(2,minmax(300px,1fr));gap:18px}
.portfolio-card{position:relative;display:flex;min-height:300px;padding:34px;overflow:hidden;border-radius:20px;background:#eef1f5;color:var(--navy);text-decoration:none;flex-direction:column;justify-content:flex-end}
.portfolio-card--large{grid-row:1/3}.portfolio-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.portfolio-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,30,66,.9),transparent 67%)}
.portfolio-card:hover img{transform:scale(1.045)}.portfolio-card span,.portfolio-card h3{position:relative;z-index:1;color:#fff}.portfolio-card span{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.14em}.portfolio-card h3{max-width:500px;margin:10px 0 0;font-size:clamp(23px,2.5vw,38px);line-height:1.08}

.credentials{display:grid;grid-template-columns:1fr 1fr;padding:0;background:var(--navy);color:#fff}
.credentials__panel{padding:110px max(6vw,50px)}.credentials__panel p{max-width:640px;color:#c7d2e4;font-size:18px;line-height:1.7}.credentials__panel ul{display:flex;gap:11px;flex-wrap:wrap;margin:32px 0 35px;padding:0;list-style:none}.credentials__panel li{padding:10px 13px;border:1px solid rgba(255,255,255,.25);border-radius:999px;font-size:11px;font-weight:800}
.credentials__image{min-height:650px;background:#eef4f7 url('../certifications-and-approvals.png') center/contain no-repeat}
.clients{overflow:hidden;background:#f7f9fb}.client-marquees{display:grid;gap:16px;margin-top:30px}.client-marquee{overflow:hidden}.client-marquee__track{display:flex;gap:20px;width:max-content;animation:marquee 48s linear infinite}.client-marquee--reverse .client-marquee__track{animation-direction:reverse;animation-duration:54s}.client-marquee__track img{width:155px;height:90px;object-fit:contain;border:1px solid #e2e7ee;border-radius:12px;background:#fff}
@keyframes marquee{to{transform:translateX(-50%)}}
.cta-section{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:90px max(6vw,28px);background:linear-gradient(120deg,#0a9ed8,#1a315f);color:#fff}.cta-section h2{max-width:900px}
.faq{background:#fff}.faq__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.faq details{border:1px solid #dce3ec;border-radius:15px;padding:19px 21px;background:#fff}.faq summary{cursor:pointer;color:var(--navy);font-size:15px;font-weight:800;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';float:right;color:var(--blue);font-size:22px;line-height:.7}.faq details[open] summary:after{content:'−'}.faq p{margin:14px 0 0;color:var(--ink);font-size:14px;line-height:1.7}

@media(max-width:980px){
  .industry-frame{padding-bottom:135px}.industry-frame__content{width:100%}.industry-reel__nav{top:auto;right:20px;bottom:65px;left:20px;display:flex;transform:none}.industry-reel__nav button{width:auto;flex:1;justify-content:center}.industry-reel__nav button.is-active{transform:translateY(-5px)}
  .proof-strip{grid-template-columns:repeat(2,1fr)}.proof-strip div:last-child{grid-column:1/3}
  .manifesto,.product-universe,.credentials,.faq__grid,.about-snapshot{grid-template-columns:1fr}.india-map{display:flex;flex-direction:column}.india-map__stage{order:-1;top:76px;height:44svh;min-height:300px}.india-map__rail{padding:0 24px}.india-map__intro{min-height:auto;padding:80px 0 30px}.india-map__step{min-height:auto;padding:60px 0}.about-snapshot__image{min-height:480px}.why-scroll__content{max-width:none;padding:0 24px}.why-scroll__step{padding:12vh 0}.systems-reel__grid{grid-template-columns:1fr}.product-universe__frame{height:min(78svh,640px);min-height:520px}.product-universe__copy{max-width:none;right:max(6vw,20px)}.credentials__image{min-height:430px}.portfolio__grid{grid-template-columns:1fr;grid-template-rows:auto}.portfolio-card--large{grid-row:auto}.portfolio-card{min-height:430px}
}
@media(max-width:620px){
  .industry-reel{min-height:720px}.industry-frame{padding:145px 20px 150px}.industry-frame h1,.industry-frame h2{font-size:44px}.product-line{display:none}.industry-frame__actions .button{width:100%}.industry-reel__nav button{font-size:0}.industry-reel__nav button span{font-size:11px}.section{padding:85px 20px}.proof-strip strong{font-size:28px}.proof-strip div{padding:25px 12px}.manifesto__copy>p{font-size:17px}.about-snapshot__image{min-height:340px}.about-snapshot__facts strong{font-size:24px}.why-scroll__step ul{grid-template-columns:1fr}.why-scroll__step li{min-height:auto}.product-universe__copy{padding:80px 20px}.product-universe__frame{min-height:520px}.credentials__panel{padding:80px 20px}.cta-section{align-items:flex-start;flex-direction:column;padding:75px 20px}
}
