:root{--ink:#171717;--soft:#6d6d70;--line:#e7e7e9;--paper:#fff;--mist:#f5f5f7;--gold:#efb900;--sans:'Manrope',sans-serif;--body:'DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.nav{height:68px;max-width:1220px;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.92);position:sticky;top:0;z-index:10;backdrop-filter:saturate(180%) blur(16px);border-bottom:1px solid rgba(0,0,0,.05)}.wordmark{display:flex;align-items:center;gap:9px}.wordmark>img{width:145px;height:auto;display:block;object-fit:contain}.wordmark>span{display:flex;flex-direction:column;gap:2px}.wordmark>span b{font:800 17px var(--sans);letter-spacing:.04em;color:#171717}.wordmark>span small{font:600 7px var(--body);letter-spacing:.15em;color:#777}.nav nav{display:flex;gap:35px;font-size:12px;color:#444}.nav nav a,.nav-contact,.simple-link,.contact-mail{transition:opacity .2s}.nav nav a:hover,.nav-contact:hover,.simple-link:hover,.contact-mail:hover{opacity:.55}.nav-contact{font-size:12px}.nav-contact span{margin-left:8px}.menu{display:none;border:0;background:none;font-size:20px}.hero{max-width:1220px;margin:0 auto;min-height:650px;padding:62px 54px 68px;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:55px}.hero-copy{padding-bottom:8px}.eyebrow{font:600 10px var(--body);letter-spacing:.13em;color:#777;text-transform:uppercase}.hero h1{font:600 clamp(62px,7.2vw,94px)/.99 var(--sans);letter-spacing:-.082em;margin:28px 0 20px}.hero h1 span,.coverage h2{color:#85868a}.hero-copy>p,.editorial-copy>p,.coverage-copy>p,.warranty p,.contact>p{font-size:15px;line-height:1.75;color:var(--soft);max-width:410px}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:24px}.pill{display:inline-flex;gap:32px;align-items:center;background:#171717;color:#fff;border-radius:40px;padding:14px 19px;font-size:12px;transition:transform .25s,background .25s}.pill:hover{transform:translateY(-2px);background:#454545}.pill span{font-size:15px}.hero-note{font-size:9px;line-height:1.6;letter-spacing:.1em;color:#777}.hero-small{margin-top:53px;color:#999;font-size:9px;letter-spacing:.13em}.hero-product{height:480px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at var(--spot-x,50%) var(--spot-y,52%),#ededee 0%,#f8f8f9 34%,#fff 72%);overflow:hidden}.halo{width:380px;height:380px;border:1px solid rgba(30,30,30,.06);border-radius:50%;position:absolute;box-shadow:0 0 0 48px rgba(0,0,0,.012),0 0 0 100px rgba(0,0,0,.008)}.product{height:330px;width:172px;position:relative;z-index:2;border-radius:24px;background:linear-gradient(98deg,#c9c9c9 0%,#f6f6f6 8%,#dadada 16%,#f8f8f8 39%,#c3c3c3 62%,#f9f9f9 86%,#b7b7b7 100%);border:1px solid #b8b8b8;box-shadow:inset 0 1px 2px #fff,0 30px 54px rgba(0,0,0,.17),0 7px 12px rgba(0,0,0,.08);transform:perspective(900px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg)) rotate(-7deg);transition:transform .18s ease-out;padding:0 20px;animation:product-enter 1.05s cubic-bezier(.2,.7,.1,1) both}.product:after{content:'';position:absolute;inset:1px;border-radius:23px;background:linear-gradient(118deg,transparent 12%,rgba(255,255,255,.75) 28%,transparent 47%);pointer-events:none}.product-cap{height:9px;width:42px;background:linear-gradient(90deg,#aaa,#eee,#999);border:1px solid #aaa;border-radius:4px 4px 0 0;margin:-7px auto 0}.product-brand{font:800 11px var(--sans);letter-spacing:.14em;margin-top:53px}.product-label{font:500 25px/.98 var(--sans);letter-spacing:-.06em;margin-top:26px;color:#585858}.product-line{height:1px;background:#aaa;margin-top:17px}.product-caption{font:600 6px var(--body);letter-spacing:.14em;margin-top:11px;color:#707070}.product-footer{position:absolute;bottom:18px;left:20px;font:7px var(--body);letter-spacing:.13em;color:#777}.product-shadow{width:210px;height:28px;position:absolute;top:calc(50% + 152px);left:calc(50% - 104px);background:rgba(0,0,0,.19);filter:blur(19px);border-radius:50%}.hero-number{position:absolute;right:4px;bottom:5px;font:9px var(--body);letter-spacing:.1em;color:#777}.hairline{height:1px;background:var(--line);max-width:1150px;margin:auto}.statement{text-align:center;padding:108px 24px 110px;max-width:790px;margin:auto}.statement h2,.contact h2{font:600 clamp(39px,5.3vw,60px)/1.11 var(--sans);letter-spacing:-.065em;margin:22px 0}.statement>p{font-size:15px;line-height:1.75;color:var(--soft);max-width:600px;margin:auto}.editorial{max-width:1150px;margin:0 auto 65px;min-height:510px;background:var(--mist);display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;padding:55px 70px;overflow:hidden}.editorial-copy h2,.coverage h2,.warranty h2,.section-head h2{font:600 clamp(43px,5.2vw,62px)/1.05 var(--sans);letter-spacing:-.07em;margin:22px 0}.editorial-copy>p,.coverage-copy>p,.warranty p{font-size:14px;max-width:355px}.simple-link{display:inline-flex;gap:22px;margin-top:17px;padding-bottom:7px;border-bottom:1px solid #aaa;font-size:12px}.range-stage{height:380px;position:relative;display:grid;place-items:center}.soft-disc{height:320px;width:320px;position:absolute;background:linear-gradient(145deg,#fff,#e6e6e8);border-radius:50%;box-shadow:0 25px 60px rgba(0,0,0,.04)}.slim-battery{position:relative;z-index:1;width:170px;height:296px;padding:21px 18px;background:linear-gradient(100deg,#c8c8c9,#fefefe 13%,#e7e7e8 35%,#fff 65%,#c2c2c4 100%);border:1px solid #c8c8ca;border-radius:18px;box-shadow:0 25px 36px rgba(0,0,0,.16),inset 0 1px white;transform:rotate(8deg)}.slim-battery img{width:132px;height:auto;display:block;object-fit:contain}.slim-energy{font:500 23px/.97 var(--sans);letter-spacing:-.065em;margin-top:30px;color:#4a4a4d}.slim-foot{position:absolute;bottom:18px;font:600 7px var(--body);letter-spacing:.12em;color:#777}.stage-caption{position:absolute;bottom:3px;right:0;font:8px var(--body);letter-spacing:.12em;color:#888}.feature-grid{max-width:1150px;margin:0 auto 110px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.feature-grid article{padding:27px 27px 32px;border-right:1px solid var(--line);display:flex;gap:18px}.feature-grid article:first-child{padding-left:0}.feature-grid article:last-child{border:0}.feature-no{font-size:10px;color:#aaa;padding-top:4px}.feature-grid h3{font:600 19px var(--sans);letter-spacing:-.04em;margin:0 0 9px}.feature-grid p{font-size:12px;line-height:1.75;color:var(--soft);margin:0}.coverage{max-width:1150px;margin:0 auto 110px;min-height:465px;display:grid;grid-template-columns:1fr 1fr;align-items:center;background:#f7f7f8;overflow:hidden}.coverage-copy{padding:56px 10px 56px 65px}.coverage h2{font-size:48px;color:var(--ink)}.coverage-copy>p{max-width:420px}.dark{margin-top:13px}.coverage-map{height:465px;position:relative;background:radial-gradient(circle at 47% 53%,#fff 0,#f0f0f1 56%,#e7e7e9 100%);overflow:hidden}.map-circle{position:absolute;border:1px solid rgba(0,0,0,.08);width:330px;height:330px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%}.circle-two{width:440px;height:440px;border-style:dashed;opacity:.55}.map-dot{position:absolute;display:flex;gap:8px;align-items:center;font:600 8px/1.5 var(--body);letter-spacing:.08em;color:#777}.map-dot i{width:10px;height:10px;background:#ebb600;border-radius:50%;box-shadow:0 0 0 6px rgba(235,182,0,.15)}.dot-mumbai{top:61%;left:35%}.dot-delhi{top:35%;left:52%}.map-label{position:absolute;right:30px;bottom:25px;font:700 12px/1.25 var(--sans);letter-spacing:.1em;color:#b9b9bb}.map-label b{color:#555}.journey{max-width:1150px;margin:0 auto 110px}.journey>.eyebrow{border-bottom:1px solid var(--line);padding-bottom:19px}.journey-row{display:flex;align-items:center;justify-content:space-between;padding:38px 5px}.journey-row div{display:flex;flex-direction:column;gap:8px}.journey-row b{font:600 32px var(--sans);letter-spacing:-.06em}.journey-row span{font-size:12px;color:var(--soft)}.journey-row>i{height:1px;flex:1;background:var(--line);margin:0 35px}.warranty{max-width:1150px;margin:0 auto 110px;padding:54px 62px;display:grid;grid-template-columns:150px 1fr auto;gap:32px;align-items:center;background:#f5f5f6}.warranty-mark{font:600 61px/.8 var(--sans);letter-spacing:-.08em}.warranty-mark span{display:block;font:600 9px var(--body);letter-spacing:.15em;margin:12px 0 0 6px;color:#777}.warranty h2{font-size:41px;margin:15px 0}.warranty p{max-width:455px;margin-bottom:0}.warranty .simple-link{white-space:nowrap}.locations{max-width:1150px;margin:0 auto 100px;display:grid;grid-template-columns:.72fr 1.28fr;gap:50px}.section-head h2{font-size:49px}.location-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding-top:5px}.location-grid article{padding:20px 0;border-top:1px solid var(--line)}.loc-label{font:600 9px var(--body);letter-spacing:.11em;color:#888}.location-grid h3{font:600 18px var(--sans);letter-spacing:-.04em;margin:17px 0 11px}.location-grid address{font-style:normal;font-size:12px;line-height:1.75;color:var(--soft);min-height:65px}.location-grid .simple-link{margin-top:14px;font-size:11px}.location-phone{display:block;margin-top:22px;font:500 14px var(--sans)}.contact{text-align:center;padding:0 20px 100px}.contact h2{margin:18px 0 8px}.contact>p{font-size:14px;margin:0 auto 20px;max-width:445px}.contact-actions{display:flex;justify-content:center;gap:10px;margin:24px 0 17px}.contact-button{background:#171717;color:white;padding:13px 18px;border-radius:30px;font-size:11px}.contact-button span{margin-left:17px}.contact-button.secondary{background:white;color:#222;border:1px solid #ddd}.contact-mail{display:inline-flex;gap:14px;align-items:center;font:500 15px var(--sans)}.contact-mail span{font-size:13px}.contact>small{display:block;color:#999;font-size:10px;margin-top:8px}footer{max-width:1150px;margin:auto;padding:22px 0 28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}footer .wordmark>img{width:112px;height:auto}footer>span{font-size:10px;color:#777}@keyframes product-enter{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}.hero-copy>*{animation:copy-enter .7s both}.hero-copy .eyebrow{animation-delay:.08s}.hero-copy h1{animation-delay:.16s}.hero-copy>p{animation-delay:.24s}.hero-copy .pill{animation-delay:.32s}@keyframes copy-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transform:translateY(19px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.in-view{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}@media(max-width:800px){.hero{padding:54px 30px;gap:15px;min-height:570px}.hero h1{font-size:65px}.hero-product{height:410px}.editorial{margin:0 20px 55px;padding:42px;grid-template-columns:.85fr 1.15fr}.soft-disc{width:260px;height:260px}.slim-battery{transform:scale(.88) rotate(8deg)}.feature-grid,.journey{margin-left:20px;margin-right:20px}.coverage,.warranty,.locations{margin-left:20px;margin-right:20px}.coverage-copy{padding-left:35px}.warranty{grid-template-columns:115px 1fr;gap:20px;padding:36px}.warranty .simple-link{grid-column:2}.locations{gap:26px}footer{margin:0 20px}}@media(max-width:600px){.nav{height:58px;padding:0 19px}.wordmark>img{width:132px;height:auto}.nav nav{display:none;position:absolute;top:57px;left:0;right:0;padding:20px;background:rgba(255,255,255,.98);border-bottom:1px solid var(--line);flex-direction:column;gap:20px}.nav-contact{display:none}.menu{display:block}.hero{display:flex;flex-direction:column;align-items:stretch;padding:50px 22px 45px;gap:24px}.hero h1{font-size:clamp(62px,16vw,83px);margin:21px 0 14px}.hero-copy>p{font-size:14px}.hero-small{margin-top:28px}.hero-product{height:370px}.product{transform:scale(.86) rotate(-7deg)}.product-shadow{top:calc(50% + 133px)}.hero-number{right:0}.statement{padding:78px 24px 83px}.statement h2{font-size:40px}.statement>p{font-size:14px}.editorial{margin:0 12px 48px;padding:32px 24px 12px;grid-template-columns:1fr}.editorial-copy h2{font-size:47px}.range-stage{height:330px;margin-top:10px}.soft-disc{height:260px;width:260px}.slim-battery{transform:scale(.87) rotate(8deg)}.feature-grid{margin:0 22px 65px;grid-template-columns:1fr}.feature-grid article,.feature-grid article:first-child{padding:20px 0;border-right:0;border-bottom:1px solid var(--line)}.feature-grid article:last-child{border-bottom:0}.coverage{margin:0 12px 65px;grid-template-columns:1fr}.coverage-copy{padding:36px 25px 18px}.coverage h2{font-size:43px}.coverage-map{height:310px}.map-circle{width:240px;height:240px}.circle-two{width:320px;height:320px}.journey{margin:0 22px 70px}.journey-row{align-items:flex-start;flex-direction:column;gap:19px;padding:25px 0}.journey-row>i{height:20px;width:1px;flex:0;margin:0 0 0 8px}.journey-row div{flex-direction:row;align-items:center;gap:13px}.journey-row b{font-size:23px;min-width:58px}.warranty{margin:0 12px 70px;padding:27px 22px;grid-template-columns:65px 1fr;gap:14px}.warranty-mark{font-size:43px}.warranty h2{font-size:34px}.warranty p{font-size:13px}.warranty .simple-link{grid-column:2}.locations{margin:0 22px 70px;grid-template-columns:1fr;gap:18px}.section-head h2{font-size:41px;margin:15px 0}.location-grid{grid-template-columns:1fr;gap:20px}.location-grid address{min-height:0}.contact{padding-bottom:70px}.contact h2{font-size:44px}.contact>p{font-size:13px}.contact-actions{flex-direction:column;align-items:center}.contact-button{width:210px}footer{margin:0 20px;gap:14px;flex-wrap:wrap}footer>span:nth-child(2){display:none}}

/* Subtle pointer response for readable copy: lift and gently magnify on hover. */
@media (hover: hover) and (pointer: fine) {
  .hover-lift {
    transform-origin: left center;
    transition: transform .24s cubic-bezier(.2,.7,.2,1), text-shadow .24s ease;
  }
  .hover-lift:hover,
  .reveal.in-view.hover-lift:hover {
    transform: translateY(-3px) scale(1.025);
    text-shadow: 0 5px 16px rgba(0,0,0,.10);
  }
}


/* Quiet futuristic motion layered onto the clean white design. */
.scroll-progress{position:fixed;z-index:30;top:0;left:0;width:100%;height:2px;pointer-events:none;background:transparent}
.scroll-progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#eeb600,#343434);transform:scaleX(0);transform-origin:left center}
.hero-product{--spot-x:50%;--spot-y:52%;transition:background-position .2s ease-out}
.hero-models{display:flex;align-items:center;gap:3px;margin-top:42px;min-height:56px;opacity:1;transform:none;filter:none}
.hero{position:relative;background:radial-gradient(ellipse at 72% 48%,#f1f1f2 0%,#f8f8f9 48%,#fff 84%);box-shadow:0 0 0 100vmax #f8f8f9;clip-path:inset(0 -100vmax)}
.hero-product{background:transparent}
.hero-models.count-in{opacity:1;transform:none;filter:none}
.model-count,.model-plus{font:600 40px/.95 var(--sans);letter-spacing:-.075em;color:var(--ink);font-variant-numeric:tabular-nums}
.model-plus{color:var(--gold);margin-left:1px}
.model-caption{margin-left:12px;padding-left:13px;border-left:1px solid #dedee0;font:600 9px/1.55 var(--body);letter-spacing:.12em;color:#777}
.halo::before{content:"";position:absolute;inset:-26px;border:1px dashed rgba(31,31,31,.11);border-radius:50%;animation:orbit-turn 32s linear infinite}
.halo::after{content:"";position:absolute;top:9%;left:18%;width:6px;height:6px;border-radius:50%;background:#eeb600;box-shadow:0 0 0 5px rgba(238,182,0,.13)}
.product::before{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.03) 42%,rgba(255,255,255,.42) 49%,rgba(255,255,255,.04) 55%,transparent 100%);transform:translateY(-120%);animation:surface-scan 7.5s ease-in-out infinite}
.nav nav a{position:relative}
.nav nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:1px;background:#d8a700;transition:right .25s ease}
.nav nav a:hover::after{right:0}
@keyframes orbit-turn{to{transform:rotate(360deg)}}
@keyframes surface-scan{0%,18%{transform:translateY(-120%)}72%,100%{transform:translateY(120%)}}
@media(prefers-reduced-motion:reduce){.halo::before,.product::before{animation:none}.scroll-progress i{transition:none}}
@media(prefers-reduced-motion:reduce){.hero-models{opacity:1;transform:none;filter:none;transition:none}}
@media(max-width:600px){.hero-product{height:370px}.halo::before{inset:-18px}}

/* Original supplied lockup on a full-width black navigation strip. */
.nav{width:100%;max-width:none;padding-left:max(32px,calc((100vw - 1220px)/2 + 32px));padding-right:max(32px,calc((100vw - 1220px)/2 + 32px));background:#050505;color:#fff;border-bottom-color:#050505}
.nav nav{color:#eee}
.nav-contact,.menu{color:#fff}
.nav .original-logo img{display:block;width:160px;height:auto;clip-path:inset(3px 3px 4px 3px)}
@media(max-width:600px){.nav{padding-left:19px;padding-right:19px}.nav .original-logo img{width:145px}}

.brand-marquee{max-width:1220px;margin:0 auto 76px;padding:25px 0 30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}
.brand-marquee-label{text-align:center;margin-bottom:23px;color:#999;font:600 9px var(--body);letter-spacing:.16em}
.brand-marquee-window{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.brand-track{display:flex;width:max-content;animation:brand-travel 34s linear infinite}
.brand-marquee-window{cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.brand-marquee-window.is-dragging{cursor:grabbing}
.brand-set{display:flex;align-items:center;justify-content:space-around;gap:66px;padding:0 33px;flex:none;min-width:100vw;color:#777;white-space:nowrap}
.brand-set span{opacity:.82;transition:opacity .2s,color .2s}
.brand-set span:hover{opacity:1;color:#222}
.brand-xiaomi{font:600 20px var(--sans);letter-spacing:-.06em}
.brand-samsung{font:800 14px var(--sans);letter-spacing:.06em}
.brand-oppo{font:700 19px var(--sans);letter-spacing:.03em}
.brand-vivo{font:700 21px var(--sans);letter-spacing:-.08em}
.brand-apple{font:500 18px var(--sans);letter-spacing:-.04em}
.brand-honor{font:700 16px var(--sans);letter-spacing:.09em}
.brand-huawei{font:800 13px var(--sans);letter-spacing:.1em}
.brand-infinix{font:600 16px var(--sans);letter-spacing:-.04em}
.brand-google{font:500 16px var(--sans);letter-spacing:-.04em}
.brand-lenovo{font:700 17px var(--sans);letter-spacing:-.06em}
.brand-moto{font:600 14px var(--sans);letter-spacing:.03em}
.brand-set span{display:inline-flex;align-items:center;gap:9px}
.brand-mark{width:27px;height:27px;display:inline-grid;place-items:center;flex:0 0 27px;border:1px solid #d6d6d8;border-radius:50%;font:700 11px/1 var(--sans);font-style:normal;letter-spacing:-.04em;color:#777;transition:transform .25s ease,background .25s ease,color .25s ease}
.brand-set span:hover .brand-mark{transform:scale(1.09)}
.mark-xiaomi{border:0;border-radius:7px;background:#ff6900;color:white;font-size:10px;text-transform:uppercase}
.mark-samsung{border-color:#1428a0;color:#1428a0;font-style:italic}
.mark-oppo{border:2px solid #159b66;border-radius:7px;color:#159b66;font-size:13px}
.mark-vivo{border:0;background:#eef4ff;color:#3156c9;font-size:17px}
.mark-apple{border:0;background:#222;color:white;font-size:12px}
.mark-honor{border-radius:7px;border-color:#222;color:#222;font-weight:800}
.mark-huawei{border:0;background:#fff0ef;color:#c8102e;font-weight:800}
.mark-infinix{border:0;background:#eef4f2;color:#0c8172;font-size:14px}
.mark-google{border:0;background:conic-gradient(#4285f4 0 25%,#34a853 25% 50%,#fbbc05 50% 75%,#ea4335 75%);color:white;font-size:15px}
.mark-lenovo{border:0;border-radius:5px;background:#e2231a;color:#fff;font-size:13px}
.mark-moto{border:2px solid #111;color:#111;font-size:12px;font-weight:800}
.brand-set span{flex-direction:column;gap:9px}
.brand-logo{display:block;width:32px;height:32px;object-fit:contain}
.brand-logo.logo-wide{width:72px;height:30px}
.brand-logo.logo-failed{display:none}
.nav .scroll-progress{position:absolute;inset:0;width:100%;height:100%;background:transparent;z-index:0;overflow:hidden}
.nav .scroll-progress i{height:100%;background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(255,255,255,.17) 78%,rgba(239,185,0,.28));transform:scaleX(0);transform-origin:left center}
.nav>:not(.scroll-progress){position:relative;z-index:1}
.hero-product{overflow:visible}
.halo{pointer-events:none}
@media(max-width:600px){.hero-product{overflow:visible}.halo{width:260px;height:260px;box-shadow:0 0 0 12px rgba(0,0,0,.012),0 0 0 22px rgba(0,0,0,.008)}.halo::before{inset:-12px}}
.hero-product{background:radial-gradient(ellipse at center,rgba(255,255,255,.98) 0%,rgba(255,255,255,.84) 44%,rgba(255,255,255,0) 78%)}
.hero-product .product-package{width:min(100%,340px);height:auto;aspect-ratio:1;padding:0;border:0;border-radius:50%;overflow:hidden;clip-path:circle(50% at center);background:transparent;box-shadow:none;transform:perspective(1200px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));animation:product-enter 1.05s cubic-bezier(.2,.7,.1,1) both}
.hero-product .product-package::before,.hero-product .product-package::after{display:none}
.package-image{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:darken}
@media(max-width:600px){.halo{width:clamp(265px,76vw,330px);height:clamp(265px,76vw,330px)}.hero-product .product-package{width:clamp(230px,68vw,298px)}}
@keyframes brand-travel{to{transform:translateX(-50%)}}
@media(max-width:600px){.brand-marquee{margin:0 18px 55px;padding:21px 0 25px}.brand-set{gap:42px;padding:0 21px}.brand-marquee-label{font-size:8px}}
@media(prefers-reduced-motion:reduce){.brand-track{animation:none}}

/* Product image rail: a calm, draggable showroom strip. */
.battery-gallery{max-width:1220px;margin:0 auto 104px;padding:12px 0 0;overflow:hidden}
.battery-gallery-head{display:flex;align-items:end;justify-content:space-between;padding:0 34px 30px}
.battery-gallery-head h2{font:600 clamp(38px,4.8vw,56px)/1.06 var(--sans);letter-spacing:-.07em;margin:16px 0 0}
.battery-gallery-head h2 span{color:#85868a}
.battery-gallery-head>p{max-width:300px;margin:0 0 4px;color:var(--soft);font-size:13px;line-height:1.7}
.battery-gallery-window{overflow:hidden;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.battery-gallery-window.is-dragging{cursor:grabbing}
.battery-gallery-track{display:flex;width:max-content;animation:battery-gallery-drift 68s linear infinite;will-change:transform}
.battery-gallery-window.is-dragging .battery-gallery-track{animation-play-state:paused}
.battery-gallery-set{display:flex;align-items:stretch;gap:18px;padding:0 10px;flex:none}
.battery-gallery-card{width:250px;flex:0 0 250px;overflow:hidden;border:1px solid #ececee;border-radius:18px;background:#fff;box-shadow:0 12px 34px rgba(0,0,0,.045);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.battery-gallery-card{position:relative;transform-style:preserve-3d;will-change:transform}
.battery-gallery-card:hover{z-index:2;transform:perspective(900px) translateY(-7px) rotateX(var(--card-tilt-y,0deg)) rotateY(var(--card-tilt-x,0deg)) scale(1.015);box-shadow:0 22px 48px rgba(0,0,0,.11),0 0 0 1px rgba(239,185,0,.14)}
.battery-gallery-card::before{content:"";position:absolute;z-index:2;inset:-8% -45%;pointer-events:none;opacity:0;transform:translateX(-70%) skewX(-18deg);background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.76) 48%,rgba(239,185,0,.14) 52%,transparent 62%)}
.battery-gallery-card:hover::before{animation:battery-card-sheen 1.05s cubic-bezier(.2,.65,.25,1) both}
.battery-gallery-card>img{display:block;width:100%;aspect-ratio:3/4;height:333px;object-fit:cover;object-position:center;background:#fff;pointer-events:none;transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .65s}
.battery-gallery-card:hover>img{transform:translateZ(10px) scale(1.045);filter:contrast(1.025)}
.battery-card-caption{height:55px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f0f0f1}
.battery-card-caption span,.battery-gallery-foot{font:600 8px var(--body);letter-spacing:.14em;color:#929296}
.battery-card-caption b{font:600 12px var(--sans);color:#303033}.battery-card-caption i{font:500 9px var(--body);font-style:normal;color:#aaa}
.battery-gallery-foot{display:flex;justify-content:space-between;padding:17px 35px 0}.battery-gallery-foot i{color:#e2ae00;font-size:13px;font-style:normal;margin-left:8px}
@keyframes battery-gallery-drift{to{transform:translateX(-50%)}}
@keyframes battery-card-sheen{0%{opacity:0;transform:translateX(-70%) skewX(-18deg)}18%{opacity:.8}100%{opacity:0;transform:translateX(70%) skewX(-18deg)}}
@media(max-width:700px){.battery-gallery{margin:0 0 70px}.battery-gallery-head{display:block;padding:0 23px 23px}.battery-gallery-head h2{font-size:40px}.battery-gallery-head>p{margin-top:13px;font-size:12px}.battery-gallery-card{width:210px;flex-basis:210px}.battery-gallery-card>img{height:280px}.battery-gallery-foot{padding-left:24px;padding-right:24px}.battery-gallery-track{animation-duration:58s}}
@media(prefers-reduced-motion:reduce){.battery-gallery-track{animation:none}.battery-gallery-card,.battery-gallery-card>img{transition:none}.battery-gallery-card:hover::before{animation:none}}

/* Pan-India distributor map with separate office and partner markers. */
.coverage-map{display:flex;align-items:center;justify-content:center}
.coverage-map:before,.coverage-map:after{content:"";position:absolute;z-index:0;left:50%;top:50%;width:350px;height:350px;border:1px solid rgba(25,32,42,.065);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}
.coverage-map:after{width:450px;height:450px;border-style:dashed;opacity:.55}
.india-network-map{position:relative;z-index:1;height:min(100%,440px);width:auto;max-width:92%;overflow:visible}
.network-point{--blue:#478fe0}
.point-pulse{fill:none;stroke:var(--blue);stroke-width:3;opacity:.28}
.point-core{fill:var(--blue);stroke:#fff;stroke-width:3}
.office-pulse{fill:#efb900;fill-opacity:.17;stroke:#efb900;stroke-opacity:.36;stroke-width:2;transform-box:fill-box;transform-origin:center;animation:office-pulse 2.2s ease-out infinite}
.office-core{fill:#efb900;stroke:#fff;stroke-width:5}
.office-point text{fill:#747981;font:700 24px var(--body);letter-spacing:2px}
.office-point .office-sub{font-size:19px;letter-spacing:1.5px}
.network-legend{position:absolute;right:24px;bottom:22px;z-index:2;display:flex;flex-direction:column;gap:10px;padding:12px 14px;background:rgba(255,255,255,.78);border:1px solid rgba(215,220,226,.75);border-radius:10px;backdrop-filter:blur(10px);font:600 8px var(--body);letter-spacing:.1em;color:#777}
.network-legend span{display:flex;align-items:center;gap:8px;white-space:nowrap}
.network-legend small{font:500 6px/1.4 var(--body);letter-spacing:.01em;color:#9a9da2}
.network-legend a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.network-legend i{width:8px;height:8px;border-radius:50%;background:#478fe0;box-shadow:0 0 0 4px rgba(71,143,224,.13)}
.network-legend .legend-office{background:#efb900;box-shadow:0 0 0 4px rgba(239,185,0,.16)}
@keyframes blue-pulse{0%{transform:scale(.45);opacity:.88}100%{transform:scale(1.75);opacity:0}}
@keyframes office-pulse{0%{transform:scale(.72);opacity:.95}100%{transform:scale(1.65);opacity:0}}
@media(max-width:800px){.india-network-map{height:min(100%,420px);max-width:95%}.network-legend{right:12px;bottom:12px}}
@media(max-width:600px){.coverage-map{height:330px}.india-network-map{height:295px}.network-legend{right:8px;bottom:8px;padding:8px 10px;font-size:6px;gap:7px}}
@media(prefers-reduced-motion:reduce){.office-pulse{animation:none}}

/* Accurate India state map artwork, with the distributor network kept interactive above it. */
.network-markers{pointer-events:none}

/* Minimal, custom-styled India silhouette with the TRECON network layered above it. */
.india-land{fill:#fbfcfd;fill-opacity:.9;stroke:#cfd6df;stroke-width:3.2;stroke-linejoin:round;stroke-linecap:round}
.coverage,.coverage-copy,.coverage-map{background:#f7f7f8}
.map-glow{position:absolute;z-index:0;left:50%;top:50%;width:min(72%,340px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.76),rgba(255,255,255,.22) 48%,transparent 72%);transform:translate(-50%,-50%);animation:map-glow-drift 9s ease-in-out infinite alternate;pointer-events:none}
@keyframes map-glow-drift{from{opacity:.55;scale:.94;translate:-2% 1%}to{opacity:.9;scale:1.06;translate:2% -1%}}
@media(prefers-reduced-motion:reduce){.map-glow{animation:none}}

/* Gallery photos now have a visible, self-running showroom effect. */
.battery-gallery-card::before{opacity:0;animation:battery-card-sheen 5.2s ease-in-out infinite}
.battery-gallery-card:nth-child(2n)::before{animation-delay:1.3s}
.battery-gallery-card:nth-child(3n)::before{animation-delay:2.6s}
.battery-gallery-card:nth-child(4n)::before{animation-delay:3.9s}
.battery-gallery-card>img{animation:battery-photo-bob 4.8s ease-in-out infinite;translate:0 0}
.battery-gallery-card:nth-child(2n)>img{animation-delay:-1.2s}
.battery-gallery-card:nth-child(3n)>img{animation-delay:-2.4s}
.battery-gallery-card:nth-child(4n)>img{animation-delay:-3.6s}
@keyframes battery-photo-bob{0%,100%{translate:0 0}50%{translate:0 -5px}}
@media(prefers-reduced-motion:reduce){.battery-gallery-card::before,.battery-gallery-card>img{animation:none}}

/* Footer logo uses the original artwork without a surrounding border. */
.footer-credit{font:600 9px var(--body);letter-spacing:.12em;color:#777;transition:color .2s ease}
.footer-credit span{margin-left:5px;color:#171717}
.footer-credit:hover{color:#171717}

/* Battery product visual blends into the white range section. */
.range-stage{isolation:isolate}
.range-stage .soft-disc{width:min(82%,380px);height:auto;aspect-ratio:1;background:radial-gradient(circle,#fff 0 50%,rgba(255,255,255,.86) 62%,rgba(239,239,241,.72) 100%);box-shadow:0 24px 70px rgba(20,24,32,.055)}
.range-stage .slim-battery{width:min(66%,300px);height:auto;aspect-ratio:3/4;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;transform:rotate(0);overflow:visible;display:flex;align-items:center;justify-content:center}
.range-stage .slim-battery>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border-radius:50%;clip-path:circle(49% at center);mix-blend-mode:multiply;filter:drop-shadow(0 18px 20px rgba(0,0,0,.08));animation:range-battery-float 5s ease-in-out infinite}
.range-stage .slim-energy,.range-stage .slim-foot{display:none}
@keyframes range-battery-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media(max-width:600px){.range-stage .slim-battery{width:min(68%,260px)}.range-stage .soft-disc{width:min(78%,280px)}}

/* Founder profile: editorial portrait, warm brand accent and restrained reveal. */
.founder-section{max-width:1150px;margin:0 auto 105px;padding:0 40px;display:grid;grid-template-columns:minmax(300px,.9fr) 1.1fr;align-items:center;gap:clamp(42px,8vw,105px)}
.founder-portrait{width:min(100%,420px);height:clamp(500px,48vw,650px);aspect-ratio:auto;position:relative;justify-self:center;isolation:isolate;display:grid;place-items:end center;border-radius:0;background:radial-gradient(ellipse at 50% 42%,#fff 0,#f8f8f9 55%,rgba(240,240,242,0) 78%);border:0;box-shadow:none;overflow:visible}
.founder-portrait::before{content:"";position:absolute;width:88%;aspect-ratio:1;top:5%;left:6%;border:1px solid rgba(239,185,0,.28);border-radius:50%;z-index:-1;pointer-events:none}
.founder-orbit{position:absolute;width:96%;aspect-ratio:1;border:1px dashed rgba(28,35,45,.11);border-radius:50%;top:1%;left:2%;animation:founder-orbit-turn 44s linear infinite}
.founder-portrait img{position:relative;z-index:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 14px 22px rgba(0,0,0,.12));animation:founder-float 5.5s ease-in-out infinite}
.founder-photo-tag{position:absolute;z-index:2;left:50%;bottom:-36px;transform:translateX(-50%);white-space:nowrap;padding:10px 13px;background:#fff;font:600 8px var(--body);letter-spacing:.14em;color:#555;box-shadow:0 8px 24px rgba(0,0,0,.06)}
.founder-copy{max-width:590px;padding:28px 0}
.founder-copy h2{font:800 clamp(46px,5.4vw,68px)/1.02 var(--sans);letter-spacing:-.075em;margin:22px 0 12px;color:#171717}
.founder-role{font:700 9px var(--body)!important;letter-spacing:.15em!important;color:#bd9200!important;margin:0 0 25px!important}
.founder-copy h3{max-width:530px;font:600 clamp(23px,2.5vw,31px)/1.25 var(--sans);letter-spacing:-.045em;margin:0 0 15px}
.founder-copy>p:not(.founder-role){max-width:520px;color:#68686c;font:400 clamp(15px,1.5vw,18px)/1.85 var(--body);margin:0}
.founder-signoff{margin-top:28px;padding-top:14px;border-top:1px solid var(--line);font:600 9px var(--body);letter-spacing:.1em;color:#777;text-transform:uppercase}
.founder-signoff i{font-style:normal;color:#d8a600;margin-left:8px}
@keyframes founder-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes founder-orbit-turn{to{transform:rotate(360deg)}}
@media(max-width:760px){.founder-section{margin:0 22px 72px;padding:0;grid-template-columns:1fr;gap:32px}.founder-portrait{width:min(88vw,420px);height:min(125vw,610px)}.founder-copy{padding:0 3px}.founder-copy h2{font-size:48px}}
@media(prefers-reduced-motion:reduce){.founder-copy,.founder-orbit,.founder-portrait img{animation:none}}

/* Header social shortcuts with a two-office WhatsApp chooser. */
.nav-contact-wrap{position:relative;display:flex;flex-direction:column;align-items:flex-end;gap:7px}
.nav-socials{display:flex;align-items:center;gap:12px}
.nav-social-link,.nav-whatsapp summary{width:19px;height:19px;display:grid;place-items:center;color:#fff;cursor:pointer;list-style:none;opacity:.84;transition:opacity .2s,transform .2s}
.nav-social-link:hover,.nav-whatsapp summary:hover{opacity:1;transform:translateY(-1px)}
.nav-social-link svg,.nav-whatsapp summary svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.nav-whatsapp summary::-webkit-details-marker{display:none}
.nav-whatsapp{position:relative}
.whatsapp-options{position:absolute;z-index:20;right:-36px;top:calc(100% + 13px);width:172px;padding:6px;background:#fff;border:1px solid #e8e8ea;border-radius:10px;box-shadow:0 12px 32px rgba(0,0,0,.16);color:#222}
.whatsapp-options::before{content:"";position:absolute;right:37px;top:-5px;width:8px;height:8px;background:#fff;border-left:1px solid #e8e8ea;border-top:1px solid #e8e8ea;transform:rotate(45deg)}
.whatsapp-options a{position:relative;display:flex;justify-content:space-between;align-items:center;padding:10px 9px;border-radius:6px;font:500 11px var(--body);white-space:nowrap}
.whatsapp-options a:hover{background:#f5f5f6}
.whatsapp-options a span{color:#89898d}
@media(max-width:600px){.nav-contact-wrap{margin-left:auto;margin-right:10px}.nav-contact-wrap>.nav-contact{display:none}.nav-socials{gap:11px}.nav-social-link,.nav-whatsapp summary{width:18px;height:18px}.nav-social-link svg,.nav-whatsapp summary svg{width:16px;height:16px}.whatsapp-options{right:-25px}}

/* WhatsApp enquiry form for retail and trade partners. */
.enquiry-form{width:min(100%,650px);margin:32px auto 25px;padding:25px;text-align:left;background:#f7f7f8;border:1px solid #ededee;border-radius:16px;box-shadow:0 16px 44px rgba(20,24,32,.045)}
.enquiry-form label{display:flex;flex-direction:column;gap:8px;color:#555;font:600 10px var(--body);letter-spacing:.04em}
.enquiry-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.enquiry-form>label{margin-bottom:14px}
.enquiry-form input,.enquiry-form select,.enquiry-form textarea{width:100%;min-height:43px;padding:11px 12px;border:1px solid #e1e1e3;border-radius:8px;background:#fff;color:#222;font:400 12px var(--body);letter-spacing:0;outline:none;transition:border-color .2s,box-shadow .2s}
.enquiry-form textarea{min-height:78px;resize:vertical;line-height:1.5}
.enquiry-form input:focus,.enquiry-form select:focus,.enquiry-form textarea:focus{border-color:#d1aa25;box-shadow:0 0 0 3px rgba(239,185,0,.12)}
.enquiry-form input::placeholder,.enquiry-form textarea::placeholder{color:#aaa}
.enquiry-submit{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:46px;padding:0 20px;border:0;border-radius:30px;background:#171717;color:white;font:600 11px var(--body);cursor:pointer;transition:transform .2s,background .2s}
.enquiry-submit:hover{transform:translateY(-2px);background:#363636}
.enquiry-submit span{font-size:15px}
@media(max-width:600px){.enquiry-form{padding:18px 15px;margin:25px auto 22px}.enquiry-form-row{grid-template-columns:1fr;gap:13px;margin-bottom:13px}.enquiry-submit{width:100%}}

/* Order journey: animated dispatch signal, five clear fulfilment stages. */
.dispatch-section{max-width:1150px;margin:0 auto 110px;padding:48px 48px 40px;position:relative;overflow:hidden;border:1px solid #ececef;border-radius:4px;background:radial-gradient(ellipse at 50% 0%,rgba(239,185,0,.055),transparent 42%),linear-gradient(145deg,#fff,#fafafc 72%,#f6f7f9)}
.dispatch-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px}
.dispatch-heading h2{font:600 clamp(38px,4.8vw,56px)/1.06 var(--sans);letter-spacing:-.07em;margin:18px 0 0}
.dispatch-heading h2 span{color:#85868a}
.dispatch-live{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#777;font:600 8px var(--body);letter-spacing:.14em;white-space:nowrap}
.dispatch-live i{width:7px;height:7px;border-radius:50%;background:#eeb600;box-shadow:0 0 0 4px rgba(238,182,0,.13);animation:dispatch-live-pulse 1.8s ease-in-out infinite}
.dispatch-flow{position:relative;margin-top:45px}
.dispatch-route{position:absolute;left:6%;right:6%;top:31px;height:1px;background:#dedfe3}
.dispatch-route::after{content:"";position:absolute;top:-1px;left:0;width:19%;height:3px;background:linear-gradient(90deg,transparent,#efb900 46%,#65a6eb);filter:drop-shadow(0 0 4px rgba(239,185,0,.45));animation:dispatch-beam 5s cubic-bezier(.4,0,.2,1) infinite}
.dispatch-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;position:relative}
.dispatch-step{position:relative;min-width:0;transition:transform .25s ease}
.dispatch-step:hover{transform:translateY(-4px)}
.dispatch-icon{width:63px;height:63px;position:relative;display:grid;place-items:center;margin-bottom:17px;border:1px solid #e1e3e7;border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 8px 22px rgba(20,24,32,.045);color:#333;transition:border-color .25s,box-shadow .25s,transform .25s}
.dispatch-step:hover .dispatch-icon{transform:scale(1.04);border-color:rgba(239,185,0,.55);box-shadow:0 12px 30px rgba(20,24,32,.08),0 0 0 4px rgba(239,185,0,.07)}
.dispatch-icon::after{content:"";position:absolute;inset:-5px;border:1px solid rgba(239,185,0,.45);border-radius:22px;opacity:0;animation:dispatch-node-pulse 3.6s ease-out infinite}
.dispatch-step:nth-child(2) .dispatch-icon::after{animation-delay:.7s}.dispatch-step:nth-child(3) .dispatch-icon::after{animation-delay:1.4s}.dispatch-step:nth-child(4) .dispatch-icon::after{animation-delay:2.1s}.dispatch-step:nth-child(5) .dispatch-icon::after{animation-delay:2.8s}
.dispatch-icon svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.dispatch-step:nth-child(2) .dispatch-icon,.dispatch-step:nth-child(3) .dispatch-icon{color:#bc9200}
.dispatch-step:nth-child(4) .dispatch-icon{color:#397fcb}
.dispatch-step:nth-child(4) .dispatch-icon svg{animation:truck-roll 1.8s ease-in-out infinite}
.dispatch-step:nth-child(5) .dispatch-icon{color:#27896e}
.dispatch-index{display:block;margin-bottom:8px;color:#929399;font:700 8px var(--body);letter-spacing:.13em}
.dispatch-step h3{font:700 15px/1.25 var(--sans);letter-spacing:-.025em;margin:0 0 7px;color:#222}
.dispatch-step p{max-width:190px;margin:0;color:#777;font:400 11px/1.65 var(--body)}
.dispatch-promise{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:start;margin-top:35px;padding:21px 22px;border-top:1px solid #e8e8ea;background:rgba(255,255,255,.68)}
.promise-mark{padding:7px 9px;border:1px solid rgba(239,185,0,.35);border-radius:4px;color:#987500;font:700 8px var(--body);letter-spacing:.12em;white-space:nowrap}
.dispatch-promise h3{font:700 16px var(--sans);letter-spacing:-.025em;margin:1px 0 7px}
.dispatch-promise p{max-width:850px;margin:0;color:#707075;font:400 12px/1.75 var(--body)}
@keyframes dispatch-beam{0%{transform:translateX(-110%)}100%{transform:translateX(530%)}}
@keyframes dispatch-node-pulse{0%{transform:scale(.88);opacity:.55}70%,100%{transform:scale(1.23);opacity:0}}
@keyframes dispatch-live-pulse{50%{box-shadow:0 0 0 7px rgba(238,185,0,.05);opacity:.72}}
@keyframes truck-roll{0%,100%{transform:translateX(0)}50%{transform:translateX(2px)}}
@media(max-width:800px){.dispatch-section{margin:0 20px 75px;padding:34px 28px 27px}.dispatch-steps{gap:12px}.dispatch-icon{width:54px;height:54px;border-radius:15px}.dispatch-icon svg{width:27px;height:27px}.dispatch-route{top:27px}.dispatch-step h3{font-size:13px}.dispatch-step p{font-size:10px}}
@media(max-width:600px){.dispatch-section{margin:0 12px 65px;padding:31px 21px 22px}.dispatch-heading{align-items:flex-start}.dispatch-heading h2{font-size:39px}.dispatch-live{font-size:7px;margin-top:3px}.dispatch-flow{margin-top:31px}.dispatch-route{left:26px;right:auto;top:27px;bottom:39px;width:1px;height:auto;background:#dedfe3}.dispatch-route::after{top:0;left:-1px;width:3px;height:20%;animation:dispatch-beam-vertical 5s cubic-bezier(.4,0,.2,1) infinite}.dispatch-steps{grid-template-columns:1fr;gap:24px}.dispatch-step{min-height:58px;padding:1px 0 0 77px}.dispatch-icon{position:absolute;left:0;top:0;width:54px;height:54px;margin:0;border-radius:15px}.dispatch-step p{max-width:none}.dispatch-promise{grid-template-columns:1fr;gap:11px;margin-top:26px;padding:18px 15px}.dispatch-promise h3{font-size:15px}.dispatch-promise p{font-size:11px}}
@keyframes dispatch-beam-vertical{0%{transform:translateY(-110%)}100%{transform:translateY(500%)}}
@media(prefers-reduced-motion:reduce){.dispatch-live i,.dispatch-route::after,.dispatch-icon::after,.dispatch-step:nth-child(4) .dispatch-icon svg{animation:none}.dispatch-route::after{display:none}}

/* Minimal upward growth trace beneath the company journey milestones. */
.journey-graph{height:76px;margin:0 5px 0;overflow:visible}
.journey-graph svg{display:block;width:100%;height:100%;overflow:visible}
.journey-graph-base{fill:none;stroke:#ececef;stroke-width:1}
.journey-graph-line{fill:none;stroke:url(#journeyGraphGradient);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1200;stroke-dashoffset:1200;filter:drop-shadow(0 2px 3px rgba(239,185,0,.18))}
.journey-graph-arrow{fill:none;stroke:#438fe0;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.journey-graph-point{fill:#fff;stroke:#efb900;stroke-width:2.5;opacity:0}
.point-mid{stroke:#d9a900}.point-end{stroke:#438fe0}
.journey.in-view .journey-graph-line{animation:journey-draw 2.2s cubic-bezier(.22,.7,.2,1) .15s forwards}
.journey.in-view .journey-graph-arrow{animation:journey-pop .45s ease 1.95s forwards}
.journey.in-view .journey-graph-point{animation:journey-pop .35s ease 1.15s forwards}
.journey.in-view .point-mid{animation-delay:1.55s}.journey.in-view .point-end{animation-delay:2.05s}
@keyframes journey-draw{to{stroke-dashoffset:0}}
@keyframes journey-pop{from{opacity:0;transform:scale(.55);transform-box:fill-box;transform-origin:center}to{opacity:1;transform:scale(1)}}
@media(max-width:600px){.journey-graph{height:58px;margin-top:2px}}
.journey-graph{margin-top:20px;margin-bottom:0}
.journey-row{padding:8px 5px 38px}
@media(max-width:600px){.journey-graph{margin-top:18px}.journey-row{padding:8px 0 25px}}
/* Keep the growth trace tight and aligned with the journey timeline. */
.journey-graph{height:32px;margin:16px 5px -30px;position:relative;z-index:0}
.journey-row{position:relative;z-index:1;padding:32px 5px 38px}
.journey-row>div{position:relative}
@media(max-width:600px){.journey-graph{height:28px;margin:14px 0 -26px}.journey-row{padding:28px 0 25px}}
/* A short, fading gold trail follows the scroll position across the dark header rail. */
.nav .scroll-progress{inset:auto 0 0;height:2px;background:#171717;overflow:hidden}
.nav .scroll-progress i{position:absolute;inset:0;width:100%;height:100%;background:transparent;transform:none}
.nav .scroll-progress i::before{content:"";position:absolute;top:0;left:calc(var(--scroll-progress,0)*100% - 76px);width:76px;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(239,185,0,.12) 42%,rgba(239,185,0,.58) 82%,#efb900 100%);filter:drop-shadow(0 0 3px rgba(239,185,0,.55))}
.nav .scroll-progress i::after{content:"";position:absolute;top:-2px;left:calc(var(--scroll-progress,0)*100% - 2px);width:8px;height:6px;background:#efb900;clip-path:polygon(0 0,100% 50%,0 100%,28% 50%);filter:drop-shadow(0 0 3px rgba(239,185,0,.65))}
@media(prefers-reduced-motion:reduce){.nav .scroll-progress i::before,.nav .scroll-progress i::after{filter:none}}
.range-stage .pcb-scene{position:relative;z-index:2;width:min(94%,480px);aspect-ratio:500/320;display:grid;place-items:center;animation:pcb-float 5.2s ease-in-out infinite}
.pcb-scene svg{width:100%;height:auto;overflow:visible;filter:drop-shadow(0 22px 20px rgba(20,35,55,.12))}
.pcb-surface{fill:url(#pcbBoard);stroke:#d2dfeb;stroke-width:2}
.pcb-side{fill:#dce7f1;stroke:#cfdae6;stroke-width:1}.pcb-side-right{fill:#cbd9e8}
.pcb-traces path{fill:none;stroke:#b8c9da;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pcb-traces .pcb-current{stroke:url(#pcbTrace);stroke-width:3;stroke-dasharray:12 25;animation:pcb-flow 2.4s linear infinite;filter:url(#pcbGlow)}
.pcb-pads circle{fill:#fff;stroke:#8ba9c7;stroke-width:3}.pcb-pads circle:nth-child(3n){fill:#efb900;stroke:#efb900;filter:url(#pcbGlow)}
.pcb-chip path:first-child{fill:#1d2632;stroke:#111923;stroke-width:2}.pcb-chip .chip-inner{fill:#27384d;stroke:#60758c;stroke-width:1.5}
.pcb-chip .chip-bolt{fill:#efb900;filter:url(#pcbGlow);animation:pcb-bolt 1.8s ease-in-out infinite alternate}
.pcb-orbit{fill:none;stroke:#e8ebef;stroke-width:1.5;stroke-dasharray:3 8;transform-origin:center;animation:pcb-orbit 28s linear infinite}
.pcb-signal{fill:#efb900;stroke:#fff;stroke-width:3;filter:url(#pcbGlow)}
@keyframes pcb-flow{to{stroke-dashoffset:-74}}
@keyframes pcb-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes pcb-bolt{from{opacity:.72}to{opacity:1}}
@keyframes pcb-orbit{to{transform:rotate(360deg)}}
@media(max-width:600px){.range-stage .pcb-scene{width:min(100%,380px)}}
@media(prefers-reduced-motion:reduce){.range-stage .pcb-scene,.pcb-traces .pcb-current,.pcb-chip .chip-bolt,.pcb-orbit{animation:none}.pcb-signal animateMotion{display:none}}
/* Refined dimensional PCB treatment: a larger board, crisp components, and restrained energy pulses. */
.range-stage .pcb-scene{width:min(106%,540px);aspect-ratio:560/390;animation:pcb-float 6s ease-in-out infinite}
.pcb-scene svg{filter:drop-shadow(0 27px 22px rgba(22,38,56,.16))}
.pcb-surface{fill:url(#pcbBoard);stroke:#cbd8e5;stroke-width:2}
.pcb-side{fill:#d4e0eb;stroke:#c1cfdd;stroke-width:1.4}.pcb-side-right{fill:#c3d2e0}
.pcb-rim{fill:none;stroke:rgba(255,255,255,.88);stroke-width:2}
.pcb-traces path{stroke:#b7c7d7;stroke-width:2.2}
.pcb-traces .pcb-current{stroke:url(#pcbTrace);stroke-width:3.2;stroke-dasharray:2 54;animation:pcb-flow 2.2s linear infinite;filter:url(#pcbGlow)}
.pcb-components .pcb-chip path:first-child{fill:#202a36;stroke:#111923;stroke-width:2.5;filter:drop-shadow(0 7px 5px rgba(10,20,30,.22))}
.pcb-chip .chip-inner{fill:#293a4c;stroke:#8195a8;stroke-width:1.5}
.pcb-chip .chip-bolt{fill:#efb900;filter:url(#pcbGlow);animation:pcb-bolt 2s ease-in-out infinite alternate}
.pcb-chip .chip-glint{fill:none;stroke:rgba(255,255,255,.72);stroke-width:2}
.pcb-capacitor path,.pcb-port path{fill:url(#pcbMetal);stroke:#9aabba;stroke-width:1.4;filter:drop-shadow(0 3px 2px rgba(30,45,60,.14))}
.pcb-pads circle{fill:#fdfefe;stroke:#8ba2b9;stroke-width:2.5}
.pcb-pads circle:nth-child(3n){fill:#efb900;stroke:#fff;stroke-width:2;filter:url(#pcbGlow)}
.pcb-energy{fill:#efb900;stroke:#fff;stroke-width:3;filter:url(#pcbGlow)}
.pcb-energy.energy-two{fill:#438fe0}
@keyframes pcb-flow{to{stroke-dashoffset:-112}}
@media(max-width:600px){
  .nav nav{top:calc(100% + 8px);left:auto;right:12px;width:min(280px,calc(100vw - 24px));padding:10px;background:#111;color:#fff;border:1px solid #303030;border-radius:12px;box-shadow:0 16px 38px rgba(0,0,0,.24);gap:0;z-index:12}
  .nav nav a{display:block;width:100%;padding:13px 12px;color:#f7f7f7;font-size:14px;border-radius:7px}
  .nav nav a:hover,.nav nav a:focus-visible{background:#242424;color:#efb900;opacity:1}
  .nav nav a::after{display:none}
  .nav .menu{width:42px;height:42px;display:grid;place-items:center;border-radius:8px;font-size:23px;line-height:1}
  .nav .menu:hover,.nav .menu:focus-visible{background:#242424;outline:none}
  .coverage h2{font-size:clamp(36px,10vw,44px);line-height:1.05}
}