/* =================== DESIGN TOKENS (v29) ===================
   Ek jagah se poori site ke colours aur spacing. Kuch badalna ho to
   yahin badlo - poori site par apne aap lag jayega. */
:root{
  /* colours - role wise */
  --color-primary:#12161C;        /* dark / ink - footer, dark sections */
  --color-primary-deep:#0A1420;   /* hero ka dark */
  --color-accent:#F2B01E;         /* amber - main CTA */
  --color-accent-hover:#FFC24D;
  --color-accent-deep:#8A5A00;    /* amber text safed background par */
  --color-on-accent:#1A1204;      /* amber par text */
  --color-blue:#0E6BA3;           /* Earthmovers vertical */
  --color-blue-hover:#1580BE;
  --color-blue-light:#1C9AE7;     /* sirf bade text / focus ring */
  --color-bg:#F2F6F9;             /* halka background */
  --color-surface:#FFFFFF;
  --color-offwhite:#F7F8FA;       /* dark par text */
  --color-text:#031B33;           /* main text */
  --color-muted:#4F6378;          /* halka text */
  --color-muted-2:#6B7280;
  --color-border:#DCE3EC;
  --color-success:#16804B;
  --color-danger:#DC2626;

  /* responsive spacing system (v68) - side padding by screen width */
  --space-side:96px;      /* large desktop, 1440px+ */
}
@media (max-width:1439px){:root{--space-side:80px}}   /* desktop, 1200-1439px */
@media (max-width:1199px){:root{--space-side:48px}}   /* tablet, 768-1199px */
@media (max-width:767px){:root{--space-side:20px}}    /* mobile, 390-767px */
@media (max-width:389px){:root{--space-side:16px}}    /* small mobile, <390px */
:root{


  /* spacing - 8 point system */
  --space-1:4px; --space-2:8px; --space-3:16px; --space-4:24px;
  --space-5:32px; --space-6:48px; --space-7:64px; --space-8:96px;

  /* corners */
  --radius-sm:4px; --radius-md:8px; --radius-lg:12px;

  /* content width */
  --content-max:1280px;
}

.figma-bypass-link {
  position: fixed; top: 8px; left: 8px; z-index: 2147483647;
  transform: translateY(-150%); border-radius: 6px; background: #111827; color: #fff;
  padding: 8px 12px; font: 600 14px/1.2 system-ui, sans-serif; text-decoration: none;
}
.figma-bypass-link:focus { transform: translateY(0); }
@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:"Manrope", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--tracking-tight:-.025em;--tracking-widest:.1em;--radius-sm:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-display:"Sora", sans-serif;--color-offwhite:var(--color-offwhite);--color-steel-blue:var(--color-blue-light)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.top-4{top:calc(var(--spacing) * 4)}.right-0{right:0}.right-4{right:calc(var(--spacing) * 4)}.right-10{right:calc(var(--spacing) * 10)}.bottom-0{bottom:0}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-6{bottom:calc(var(--spacing) * 6)}.bottom-8{bottom:calc(var(--spacing) * 8)}.bottom-10{bottom:calc(var(--spacing) * 10)}.bottom-12{bottom:calc(var(--spacing) * 12)}.bottom-16{bottom:calc(var(--spacing) * 16)}.left-0{left:0}.left-1{left:var(--spacing)}.left-1\/2{left:50%}.left-4{left:calc(var(--spacing) * 4)}.left-6{left:calc(var(--spacing) * 6)}.left-10{left:calc(var(--spacing) * 10)}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.mx-auto{margin-inline:auto}.mt-0{margin-top:0}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-14{margin-top:calc(var(--spacing) * 14)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-1{height:var(--spacing)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-16{height:calc(var(--spacing) * 16)}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.w-1{width:var(--spacing)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2{width:calc(var(--spacing) * 2)}.w-3{width:calc(var(--spacing) * 3)}.w-4{width:calc(var(--spacing) * 4)}.w-6{width:calc(var(--spacing) * 6)}.w-12{width:calc(var(--spacing) * 12)}.w-auto{width:auto}.w-full{width:100%}.w-px{width:1px}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.appearance-none{appearance:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0{gap:0}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-16{gap:calc(var(--spacing) * 16)}.gap-x-5{column-gap:calc(var(--spacing) * 5)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:2147483647px}.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-6{padding:calc(var(--spacing) * 6)}.p-10{padding:calc(var(--spacing) * 10)}.px-0{padding-inline:0}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-7{padding-inline:calc(var(--spacing) * 7)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-9{padding-inline:calc(var(--spacing) * 9)}.px-10{padding-inline:calc(var(--spacing) * 10)}.py-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pt-16{padding-top:calc(var(--spacing) * 16)}.pt-20{padding-top:calc(var(--spacing) * 20)}.pr-0{padding-right:0}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pl-0{padding-left:0}.pl-12{padding-left:calc(var(--spacing) * 12)}.pl-14{padding-left:calc(var(--spacing) * 14)}.text-center{text-align:center}.text-right{text-align:right}.font-display{font-family:var(--font-display)}.font-sans{font-family:var(--font-sans)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-offwhite{color:var(--color-offwhite)}.text-steel-blue{color:var(--color-steel-blue)}.italic{font-style:italic}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter\!{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)!important}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-none{transition-property:none}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-400{--tw-duration:.4s;transition-duration:.4s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-600{--tw-duration:.6s;transition-duration:.6s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:text-white:hover{color:var(--color-white)}.hover\:opacity-90:hover{opacity:.9}.hover\:opacity-100:hover{opacity:1}}.active\:scale-98:active{--tw-scale-x:98%;--tw-scale-y:98%;--tw-scale-z:98%;scale:var(--tw-scale-x) var(--tw-scale-y)}@media (width>=40rem){.sm\:block{display:block}.sm\:flex-row{flex-direction:row}}@media (width>=48rem){.md\:col-span-2{grid-column:span 2/span 2}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-10{height:calc(var(--spacing) * 10)}.md\:h-18{height:calc(var(--spacing) * 18)}.md\:h-\[580px\]{height:580px}.md\:h-full{height:100%}.md\:w-52{width:calc(var(--spacing) * 52)}.md\:w-px{width:1px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:items-end{align-items:flex-end}.md\:items-start{align-items:flex-start}.md\:justify-between{justify-content:space-between}.md\:gap-8{gap:calc(var(--spacing) * 8)}.md\:gap-10{gap:calc(var(--spacing) * 10)}.md\:gap-14{gap:calc(var(--spacing) * 14)}.md\:p-14{padding:calc(var(--spacing) * 14)}.md\:px-6{padding-inline:calc(var(--spacing) * 6)}.md\:px-16{padding-inline:calc(var(--spacing) * 16)}}@media (width>=64rem){.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}}html,body,#root{height:100%}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-sans);color:var(--color-offwhite);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-primary);overflow-x:hidden}html{scroll-behavior:smooth}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-muted-2)40;border-radius:2px}::selection{color:var(--color-offwhite);background:var(--color-blue-light)}.reveal{opacity:0;transition-property:opacity,transform;transition-duration:.75s;transition-timing-function:cubic-bezier(.16,1,.3,1);transform:translateY(14px)}.reveal.visible{opacity:1;transform:translateY(0)}.mask-reveal{clip-path:inset(0 100% 0 0);transition:clip-path .9s cubic-bezier(.16,1,.3,1)}.mask-reveal.visible{clip-path:inset(0 0% 0 0)}.label{font-family:var(--font-sans);letter-spacing:.18em;text-transform:uppercase;font-size:11px;font-weight:700}.hairline{border:none;border-top:1px solid var(--color-offwhite)14}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.counter-animate{animation:.6s cubic-bezier(.16,1,.3,1) both slideUp}.card-lift{transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1),border-color .3s}.card-lift:hover{transform:translateY(-4px)}@keyframes linePulse{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.mask-reveal{clip-path:inset(0 0% 0 0)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}


/* ---- multi-page additions ---- */
.gn-pagehead{background:var(--color-primary);padding:62px 0 60px;border-bottom:1px solid rgba(247,248,250,.06)}
.gn-crumb{display:flex;align-items:center;gap:10px;font-size:13px;color:rgba(247,248,250,.35);margin-bottom:28px}
.gn-crumb a{color:rgba(247,248,250,.55);transition:color .2s}
.gn-crumb a:hover{color:var(--color-offwhite)}
.gn-crumb [aria-current]{color:rgba(247,248,250,.85)}
.gn-bar{width:56px;height:4px;margin-bottom:22px}
.gn-h1{font-size:clamp(38px,6.4vw,84px);letter-spacing:-.035em;line-height:.98;color:var(--color-offwhite);max-width:14ch}
.gn-lead{margin-top:22px;max-width:58ch;font-size:17px;line-height:1.65;color:rgba(247,248,250,.6)}
@media (max-width:767px){.gn-pagehead{padding:44px 0 44px}.gn-lead{font-size:15px}}
.gn-navwrap{gap:2px}
.gn-nav{display:inline-flex;align-items:center;height:38px;padding:0 12px;border-radius:4px;color:#4B5563;transition:background-color .15s,color .15s}
.gn-nav:hover{background:#F1F3F5;color:var(--color-primary)}
.gn-nav[aria-current=page]{background:#E6F0F7;color:var(--color-blue);font-weight:700}
@media (min-width:768px) and (max-width:1099px){.gn-nav{padding:0 7px;font-size:10px!important;letter-spacing:.08em!important}}
.gn-mmenu{gap:2px}
.gn-mnav{display:flex;align-items:center;min-height:46px;padding:0 14px;font-size:12px;color:#4B5563}
.gn-mnav:hover{background:#F1F3F5;color:var(--color-primary)}
.gn-mnav[aria-current=page]{background:#E6F0F7;color:var(--color-blue);font-weight:700;box-shadow:inset 3px 0 0 var(--color-blue)}
.gn-contact .gn-mobilebar{display:none}
a:focus-visible{outline:2px solid var(--color-blue-light);outline-offset:3px}

.gn-logos{--n:2;margin-top:56px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;list-style:none;padding:0}
@media (min-width:640px){.gn-logos{--n:3}}
@media (min-width:1024px){.gn-logos{--n:6}}
.gn-logo{flex:0 0 calc((100% - (var(--n) - 1) * 12px) / var(--n));background:#fff;aspect-ratio:3/2;display:flex;align-items:center;justify-content:center;padding:14px}
.gn-logo img{max-width:100%;max-height:100%;object-fit:contain}
.gn-mats{background:var(--color-primary);padding:88px 0 96px}
.gn-h2{font-size:clamp(28px,4.5vw,52px);letter-spacing:-.03em;line-height:1.05;color:var(--color-offwhite)}
.gn-sub{margin-top:14px;max-width:60ch;font-size:16px;line-height:1.6;color:rgba(247,248,250,.55)}
.gn-mat-grid{margin-top:44px;display:grid;grid-template-columns:repeat(2,1fr);gap:20px 16px;list-style:none;padding:0}
@media (min-width:900px){.gn-mat-grid{grid-template-columns:repeat(4,1fr)}}
.gn-mat img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}
.gn-mat span{display:block;margin-top:12px;font-size:15px;color:var(--color-offwhite);line-height:1.3}
.gn-btn{display:inline-block;margin-top:48px;padding:16px 28px;background:var(--color-accent);color:var(--color-primary);font-size:13px;letter-spacing:.04em;transition:background-color .15s}
.gn-btn:hover{background:#E5A00D}

.gn-hlogo{display:block;height:42px;width:auto}
@media (min-width:768px){.gn-hlogo{height:54px}}
.gn-flogos{display:inline-flex;align-items:center;gap:20px;padding:12px 20px;background:#fff;border-radius:6px}
.gn-flogo{display:block;height:60px;width:auto}

[data-btn]{transition:background-color .15s}
[data-btn=em]:hover{background:#0B5A8A!important}
[data-btn=in]{color:var(--color-primary)!important}
[data-btn=in]:hover{background:#E5A00D!important}

.gn-tone{mix-blend-mode:multiply;opacity:.78}
@media (max-width:767px){.gn-hl{top:88px!important;bottom:auto!important}.gn-hl-l{left:24px!important}.gn-hl-r{right:24px!important}}

.gn-vbtns{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.gn-vbtns>a{min-height:44px}
.gn-vlink{display:inline-flex;align-items:center;padding:0 20px;border:1px solid rgba(247,248,250,.45);color:var(--color-offwhite);font-size:11px;letter-spacing:.1em;transition:background-color .15s,color .15s,border-color .15s}
.gn-vlink:hover{background:var(--color-offwhite);color:var(--color-primary);border-color:var(--color-offwhite)}
@media (min-width:768px){.gn-vwrap{height:660px!important}}
@media (max-width:767px){
 .gn-vwrap{height:auto!important}
 .gn-vpanel{width:100%!important}
 .gn-vcontent{position:relative!important;padding:64px 24px 44px!important}
 .gn-vlist{opacity:1!important;transform:none!important}
}
@media (hover:none){.gn-vlist{opacity:1!important;transform:none!important}}

/* ---- v11 ---- */
.gn-mbar{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:8px}
.gn-mbar a{display:flex;align-items:center;justify-content:center;gap:6px;min-height:46px;font-size:14px;font-weight:700}
.gn-mb-call{border:1px solid rgba(247,248,250,.35);color:var(--color-offwhite)}
.gn-mb-wa{background:#25D366;color:#0B1F12}
.gn-mb-quote{background:var(--color-blue);color:#fff}
.gn-wafloat{transition:transform .3s ease,box-shadow .3s ease}
.gn-wafloat:hover{transform:translateY(-3px);box-shadow:0 8px 15px rgba(0,0,0,0.3)!important}
@media (max-width:767px){.gn-wafloat{display:none!important}.gn-contact .gn-wafloat{display:flex!important}}
.gn-lightbtn{transition:background-color .15s}.gn-lightbtn:hover{background:#E5E7EB!important}
.gn-darkbtn{transition:background-color .15s}.gn-darkbtn:hover{background:#2A313A!important}
.gn-h2-dark{color:var(--color-primary)}.gn-sub-dark{color:#4B5563}
.gn-sv{background:var(--color-offwhite);padding:96px 0}
.gn-sv-grid{margin-top:44px;display:grid;gap:0;list-style:none;padding:0;border-top:1px solid rgba(18,22,28,.1)}
@media (min-width:640px){.gn-sv-grid{grid-template-columns:repeat(2,1fr);column-gap:32px}}
@media (min-width:1024px){.gn-sv-grid{grid-template-columns:repeat(3,1fr)}}
.gn-sv-item{padding:24px 0;border-bottom:1px solid rgba(18,22,28,.1)}
.gn-sv-item h3{font-size:18px;color:var(--color-primary);letter-spacing:-.01em}
.gn-sv-item p{margin-top:6px;font-size:15px;line-height:1.6;color:#4B5563;max-width:40ch}
.gn-cta-em{display:inline-flex;align-items:center;min-height:52px;margin-top:40px;padding:0 26px;background:var(--color-blue);color:#fff;font-size:14px}
.gn-team{background:var(--color-primary);padding:96px 0}
.gn-team-grid{margin-top:44px;display:grid;gap:32px;list-style:none;padding:0}
@media (min-width:768px){.gn-team-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.gn-team-grid{grid-template-columns:repeat(3,1fr)}}
.gn-team-grid li{padding-left:18px;border-left:3px solid var(--color-blue-light)}
.gn-team-grid h3{font-size:18px;color:var(--color-offwhite);line-height:1.3}
.gn-team-grid p{margin-top:8px;font-size:15px;line-height:1.6;color:rgba(247,248,250,.62)}
.gn-vm{background:var(--color-offwhite);padding:88px 0}
.gn-vm-grid{display:grid;gap:44px}
@media (min-width:900px){.gn-vm-grid{grid-template-columns:1fr 1fr;gap:72px}}
.gn-vm h2{font-size:clamp(24px,3vw,34px);letter-spacing:-.02em;color:var(--color-primary);padding-top:18px;border-top:3px solid var(--color-blue)}
.gn-vm-grid>div:last-child h2{border-top-color:var(--color-accent)}
.gn-vm p{margin-top:16px;font-size:18px;line-height:1.65;color:#374151;max-width:48ch}
.gn-mat-use{display:block;margin-top:4px;font-size:13px;color:rgba(247,248,250,.55)}
.gn-terms{margin-top:40px;display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0}
.gn-terms li{padding:9px 14px;border:1px solid rgba(247,248,250,.18);color:rgba(247,248,250,.82);font-size:14px}
.gn-strip{background:#fff;padding:72px 0 80px}
.gn-strip-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px}
.gn-strip-head h2{font-size:clamp(24px,3.4vw,40px);letter-spacing:-.03em;line-height:1.05;color:var(--color-primary)}
.gn-strip-link{display:inline-flex;align-items:center;min-height:46px;padding:0 20px;border:1.5px solid var(--color-primary);color:var(--color-primary);font-size:13px;transition:background-color .15s,color .15s}
.gn-strip-link:hover{background:var(--color-primary);color:#fff}
.gn-marquee{margin-top:36px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.gn-track{display:flex;width:max-content;animation:gn-scroll 70s linear infinite}
.gn-marquee:hover .gn-track{animation-play-state:paused}
.gn-track ul{display:flex;gap:14px;padding:0 14px 0 0;margin:0;list-style:none}
.gn-track li{flex:none;width:168px;height:104px;display:flex;align-items:center;justify-content:center;padding:12px;background:#fff;border:1px solid rgba(18,22,28,.1)}
.gn-track img{max-width:100%;max-height:100%;object-fit:contain}
@keyframes gn-scroll{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.gn-track{animation:none;width:auto;padding:0 24px}.gn-track ul{flex-wrap:wrap;justify-content:center}.gn-track ul[aria-hidden]{display:none}.gn-marquee{-webkit-mask-image:none;mask-image:none}}

.gn-form{display:flex;flex-direction:column;gap:28px}
.gn-svc{border:0;padding:0;margin:0}
.gn-svc legend,.gn-f label{display:block;margin-bottom:10px;font-size:14px;font-weight:600;color:#E5E7EB}
.gn-req{color:var(--color-accent)}.gn-opt{font-weight:400;color:rgba(247,248,250,.45)}
.gn-svc-row{display:grid;gap:10px}
@media (min-width:520px){.gn-svc-row{grid-template-columns:repeat(3,1fr)}}
.gn-svc-opt{position:relative;display:flex;flex-direction:column;gap:4px;min-height:84px;padding:14px 14px 14px 16px;border:1px solid rgba(247,248,250,.2);border-left:4px solid var(--c);cursor:pointer;transition:background-color .15s,border-color .15s}
.gn-svc-earthmovers{--c:var(--color-blue-light)}.gn-svc-infra{--c:var(--color-accent)}.gn-svc-both{--c:var(--color-offwhite)}
.gn-svc-opt:hover{background:rgba(247,248,250,.05)}
.gn-svc-opt.is-on{background:rgba(247,248,250,.08);border-color:var(--c)}
.gn-svc-opt input{position:absolute;opacity:0;width:1px;height:1px}
.gn-svc-opt:focus-within{outline:2px solid var(--color-blue-light);outline-offset:2px}
.gn-svc-t{font-size:17px;font-weight:700;color:var(--color-offwhite)}
.gn-svc-d{font-size:13px;line-height:1.4;color:rgba(247,248,250,.6)}
.gn-svc-opt.is-on .gn-svc-t::after{content:" ✓";color:var(--c)}
.gn-grid{display:grid;gap:22px 20px}
@media (min-width:560px){.gn-grid{grid-template-columns:1fr 1fr}}
.gn-f-wide{grid-column:1/-1}
.gn-f input,.gn-f select,.gn-f textarea{width:100%;min-height:48px;padding:10px 12px;background:var(--color-primary);border:1px solid rgba(247,248,250,.2);color:var(--color-offwhite);font-size:16px;border-radius:0;color-scheme:dark}
.gn-f textarea{min-height:96px;resize:vertical;line-height:1.5}
.gn-f input::placeholder,.gn-f textarea::placeholder{color:rgba(247,248,250,.35)}
.gn-f input:focus,.gn-f select:focus,.gn-f textarea:focus{outline:none;border-color:var(--color-blue-light);box-shadow:0 0 0 1px var(--color-blue-light)}
.gn-f [aria-invalid=true]{border-color:#F87171}
.gn-err{margin-top:6px;font-size:13px;color:#FCA5A5}
.gn-block{padding:20px;background:rgba(18,22,28,.55);border-left:4px solid var(--c)}
.gn-block-em{--c:var(--color-blue-light)}.gn-block-in{--c:var(--color-accent)}
.gn-block-t{margin-bottom:16px;font-size:16px;font-weight:700;color:var(--color-offwhite)}
.gn-note{margin-top:-8px;font-size:14px;color:rgba(247,248,250,.7)}
.gn-send{display:grid;gap:10px}
@media (min-width:520px){.gn-send{grid-template-columns:1.2fr 1fr}}
.gn-send a{display:flex;align-items:center;justify-content:center;min-height:54px;font-size:15px;transition:background-color .15s,border-color .15s}
.gn-send-wa{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#25D366;color:#0B1F12}.gn-send-wa:hover{background:#1FB457}
.gn-send-mail{border:1.5px solid rgba(247,248,250,.45);color:var(--color-offwhite)}.gn-send-mail:hover{border-color:var(--color-offwhite);background:rgba(247,248,250,.08)}
.gn-send-hint{margin-top:-14px;font-size:13px;line-height:1.5;color:rgba(247,248,250,.55)}
.gn-done{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:32px 0}
.gn-done-mark{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#4ADE80;border:1px solid rgba(74,222,128,.4);background:rgba(46,158,91,.14)}
.gn-done h3{font-size:26px;letter-spacing:-.02em;color:var(--color-offwhite);line-height:1.2}
.gn-done p{font-size:16px;line-height:1.6;color:rgba(247,248,250,.7)}
.gn-done a:not([class]){color:#7CC6F4;text-decoration:underline;text-underline-offset:3px}
.gn-done-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.gn-done-acts .gn-cta-em{margin-top:0}
.gn-ghost{display:inline-flex;align-items:center;min-height:52px;padding:0 22px;border:1.5px solid rgba(247,248,250,.4);color:var(--color-offwhite);font-size:14px;background:transparent;cursor:pointer}
.gn-ghost:hover{border-color:var(--color-offwhite);background:rgba(247,248,250,.08)}
@media (min-width:768px) and (max-width:1279px){.gn-nav{padding:0 6px;font-size:10px!important;letter-spacing:.06em!important}}
@media (min-width:768px) and (max-width:1099px){header nav.gn-navwrap{display:none!important}header button.md\:hidden{display:flex!important}header div.md\:hidden{display:block!important}}
.gn-tone-amber{opacity:.85}

/* ---- home: about us ---- */
.gn-ha{background:var(--color-offwhite);padding:104px 0}
.gn-ha-grid{display:grid;gap:48px;align-items:center}
@media (min-width:900px){.gn-ha-grid{grid-template-columns:5fr 6fr;gap:72px}}
.gn-ha-media{position:relative}
.gn-ha-media img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:40% 60%}
@media (max-width:899px){.gn-ha-media img{aspect-ratio:16/10}}
.gn-ha-badge{position:absolute;left:0;bottom:0;display:flex;flex-direction:column;gap:2px;padding:18px 22px;background:var(--color-primary);color:var(--color-offwhite)}
.gn-ha-badge span:first-child{font-size:40px;line-height:1;letter-spacing:-.04em;color:var(--color-accent)}
.gn-ha-badge span:last-child{font-size:13px;color:rgba(247,248,250,.7)}
.gn-ha-eyebrow{color:var(--color-muted-2);font-size:11px;letter-spacing:.22em;margin-bottom:16px}
.gn-ha-text h2{font-size:clamp(30px,4.2vw,52px);line-height:1.02;letter-spacing:-.03em;color:var(--color-primary);max-width:16ch}
.gn-ha-p{margin-top:20px;max-width:58ch;font-size:16px;line-height:1.7;color:#4B5563}
.gn-ha-path{margin:28px 0 4px;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid rgba(18,22,28,.1)}
@media (min-width:600px){.gn-ha-path{grid-template-columns:repeat(4,1fr)}}
.gn-ha-path li{display:flex;align-items:center;gap:10px;padding:14px 12px 14px 0;border-bottom:1px solid rgba(18,22,28,.1);font-size:14px;font-weight:600;color:var(--color-primary)}
.gn-ha-n{display:inline-flex;align-items:center;justify-content:center;flex:none;width:26px;height:26px;background:var(--color-blue);color:#fff;font-size:12px;font-weight:700}
.gn-ha-path li:last-child .gn-ha-n{background:var(--color-accent);color:var(--color-primary)}
.gn-ha-facts{margin:28px 0 0;display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:12px 40px}
.gn-ha-facts dt{font-size:12px;color:var(--color-muted-2)}
.gn-ha-facts dd{margin:2px 0 0;font-size:18px;color:var(--color-primary)}
@media (max-width:480px){.gn-ha-facts{grid-template-columns:1fr 1fr}}
.gn-ha-acts{margin-top:36px;display:flex;flex-wrap:wrap;gap:12px}
.gn-ha-btn,.gn-ha-link{display:inline-flex;align-items:center;min-height:48px;padding:0 24px;font-size:12px;letter-spacing:.12em}
.gn-ha-btn{background:var(--color-blue);color:#fff}
.gn-ha-link{border:1.5px solid rgba(18,22,28,.3);color:var(--color-primary);transition:background-color .15s,color .15s,border-color .15s}
.gn-ha-link:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}
@media (max-width:899px){.gn-ha-badge{padding:10px 14px}.gn-ha-badge span:first-child{font-size:28px}.gn-ha-badge span:last-child{font-size:12px}}

/* ---- home: product thumbnails in the two panels ---- */
.gn-vthumbs{list-style:none;margin:0 0 32px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:720px;transition:opacity .5s,transform .5s}
@media (min-width:768px) and (max-width:1179px){.gn-vthumbs{gap:8px;margin-bottom:24px}.gn-vthumb-t{font-size:11px}.gn-vthumb-m{display:none}.gn-vcontent{padding:40px 32px!important}}
@media (max-width:767px){.gn-vthumbs{grid-template-columns:repeat(2,minmax(0,1fr))}}
.gn-vthumb{display:block;color:var(--color-offwhite)}
.gn-vthumb img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border:1px solid rgba(247,248,250,.18);transition:border-color .2s}
.gn-vthumb:hover img{border-color:var(--color-offwhite)}
.gn-vthumb-t{display:block;margin-top:8px;font-size:13px;line-height:1.3}
.gn-vthumb-m{display:block;margin-top:2px;font-size:12px;color:rgba(247,248,250,.62)}

/* ---- earthmovers: site gallery ---- */
.gn-gal{background:var(--color-offwhite);padding:96px 0}
.gn-gal-grid{list-style:none;margin:40px 0 0;padding:0;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
.gn-gal-grid li{overflow:hidden;background:#E5E7EB}
.gn-gal-grid img{display:block;width:100%;height:100%;aspect-ratio:4/3;object-fit:cover}
.gn-gal-big{grid-column:1/-1}
@media (min-width:900px){.gn-gal-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.gn-gal-big{grid-column:span 2;grid-row:span 2}}
.gn-gal .gn-cta-em{margin-top:40px}

/* ---- home: product slider inside the two panels ---- */
.gn-vslider{max-width:760px;margin:0 0 30px;transition:opacity .5s,transform .5s}
.gn-vs-count{margin:0 0 12px;font-size:13px;color:rgba(247,248,250,.7)}
.gn-vs-body{position:relative;container-type:inline-size}
.gn-vs-track{list-style:none;margin:0;padding:0 0 2px;display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.gn-vs-track::-webkit-scrollbar{display:none}
.gn-vs-track>li{flex:0 0 calc((100% - 36px)/4);scroll-snap-align:start;min-width:0}
.gn-vs-btn{--img-h:calc((100cqw - 36px) / 4 * .6667);position:absolute;z-index:2;top:calc(var(--img-h) / 2);transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid rgba(247,248,250,.6);border-radius:50%;background:rgba(18,22,28,.88);color:var(--color-offwhite);cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.35);transition:background-color .15s,color .15s,opacity .2s}
.gn-vs-prev{left:8px}
.gn-vs-next{right:8px}
.gn-vs-btn:hover:not(:disabled){background:var(--color-offwhite);color:var(--color-primary)}
.gn-vs-btn:disabled{opacity:0;pointer-events:none}
.gn-vs-btn:focus-visible,.gn-vs-track:focus-visible{outline:2px solid var(--color-blue-light);outline-offset:3px}
.gn-vs-all a{position:relative;display:flex;flex-direction:column;justify-content:center;gap:4px;aspect-ratio:3/2;padding:14px;border:1px dashed rgba(247,248,250,.5);color:var(--color-offwhite);transition:background-color .15s,border-color .15s}
.gn-vs-all a:hover{background:rgba(247,248,250,.1);border-color:var(--color-offwhite)}
.gn-vs-all-t{font-size:16px}
.gn-vs-all-m{font-size:12px;line-height:1.35;color:rgba(247,248,250,.7)}
.gn-vs-all-i{position:absolute;right:10px;bottom:10px}
@media (min-width:768px) and (max-width:1179px){.gn-vs-track>li{flex-basis:calc((100% - 24px)/3)}.gn-vs-btn{--img-h:calc((100cqw - 24px) / 3 * .6667);width:34px;height:34px}.gn-vs-all a{aspect-ratio:3/2;padding:10px}.gn-vs-all-t{font-size:13px}.gn-vs-all-m{display:none}.gn-vslider{margin-bottom:22px}}
@media (max-width:767px){.gn-vs-track>li{flex-basis:calc((100% - 12px)/2.3)}.gn-vs-btn{--img-h:calc((100cqw - 12px) / 2.3 * .6667)}}

/* ---- get in touch (bottom of every page) ---- */
.gn-gt{position:relative;overflow:hidden;background:var(--color-primary);padding:112px 0}
@media (max-width:767px){.gn-gt{padding:72px 0}}
.gn-gt-eyebrow{color:#9CA3AF;font-size:11px;letter-spacing:.22em;margin:0 0 16px}
.gn-gt-h{font-size:clamp(30px,4.6vw,56px);line-height:1.02;letter-spacing:-.035em;color:var(--color-offwhite);max-width:16ch}
.gn-gt-p{margin-top:18px;max-width:52ch;font-size:17px;line-height:1.65;color:rgba(247,248,250,.68)}
.gn-gt-grid{margin-top:40px;display:grid;gap:12px}
@media (min-width:640px){.gn-gt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.gn-gt-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.gn-gt-tile{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;padding:22px;background:rgba(28,34,40,.9);border:1px solid rgba(247,248,250,.14);color:var(--color-offwhite)}
.gn-gt-link{transition:border-color .15s,background-color .15s}
.gn-gt-link:hover{border-color:var(--color-offwhite);background:#232A33}
.gn-gt-k{display:inline-flex;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;font-weight:600;color:rgba(247,248,250,.65)}
.gn-gt-k svg{color:var(--color-blue-light)}
.gn-gt-num{display:inline-flex;align-items:center;min-height:36px;font-size:18px;color:var(--color-offwhite);text-decoration:underline;text-decoration-color:rgba(247,248,250,.25);text-underline-offset:5px}
.gn-gt-num:hover{text-decoration-color:var(--color-offwhite)}
.gn-gt-v{font-size:18px}
.gn-gt-addr{font-size:15px;line-height:1.45}
.gn-gt-sub{margin-top:4px;font-size:12px;color:rgba(247,248,250,.55)}
.gn-gt-mail{display:inline-flex;align-items:center;min-height:32px;max-width:100%;font-size:14px;color:var(--color-offwhite);overflow-wrap:anywhere;text-decoration:underline;text-decoration-color:rgba(247,248,250,.25);text-underline-offset:4px}
.gn-gt-mail:hover{text-decoration-color:var(--color-offwhite)}
.gn-gt-cta{margin-top:auto;padding-top:14px;font-size:13px;font-weight:700;color:#7CC6F4;text-decoration:underline;text-underline-offset:4px}
.gn-gt-acts{margin-top:32px;display:flex;flex-wrap:wrap;gap:12px}
.gn-gt-btn{display:inline-flex;align-items:center;min-height:54px;padding:0 30px;background:var(--color-blue);color:#fff;font-size:12px;letter-spacing:.12em}
.gn-gt-trust{margin:36px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:10px 28px}
.gn-gt-trust li{position:relative;padding-left:14px;font-size:13px;color:rgba(247,248,250,.6)}
.gn-gt-trust li::before{content:"";position:absolute;left:0;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:#2E9E5B}
@media (min-width:1100px){.gn-gt-grid{grid-template-columns:1fr .95fr 1.3fr 1.1fr}.gn-gt-mail{font-size:13px}}

/* ---- v23: real heading weights (hero structure same as v21) ---- */
.font-300{font-weight:300}.font-400{font-weight:400}.font-500{font-weight:500}.font-600{font-weight:600}.font-700{font-weight:700}.font-800{font-weight:800}

/* ---- stats bar (v25) ---- */
@media (max-width: 900px){
  .gn-stats-row{flex-wrap:wrap!important;height:auto!important;padding:28px 20px!important;gap:24px 0!important}
  .gn-stats-row > div{flex:0 0 50%!important}
}
@media (max-width: 520px){
  .gn-stats-row > div{flex:0 0 100%!important}
}

/* ================= BUTTON SYSTEM — Option G (v28) =================
   Rule: one primary (solid amber) per screen. Secondary = underlined text link.
   Touch target >= 44px. Amber var(--color-accent) never used as text on white (1.9:1). */
.gn-b{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-family:"Inter",system-ui,sans-serif;font-size:14px;font-weight:600;
  min-height:52px;padding:0 28px;border-radius:4px;border:none;cursor:pointer;
  text-decoration:none;transition:background-color .18s,color .18s,border-color .18s,transform .12s;
}
.gn-b:active{transform:translateY(1px)}
.gn-b--primary{background:var(--color-accent);color:var(--color-on-accent)}
.gn-b--primary:hover{background:var(--color-accent-hover)}
.gn-b--blue{background:var(--color-blue);color:#fff}
.gn-b--blue:hover{background:var(--color-blue-hover)}
/* outline on dark */
.gn-b--out{background:transparent;color:var(--color-offwhite);border:1.5px solid rgba(247,248,250,.55)}
.gn-b--out:hover{border-color:var(--color-offwhite);background:rgba(255,255,255,.08)}
/* outline on light */
.gn-b--out-d{background:rgba(0,0,0,0);color:#004B93;border:1.5px solid #004B93;border-radius:8px;padding:12px 24px;gap:8px;min-height:auto}
.gn-b--out-d:hover{border-color:#004B93;background:rgba(0,75,147,.06)}
/* secondary = underlined text link (Option G) */
.gn-lnk{
  display:inline-flex;align-items:center;gap:8px;min-height:44px;
  font-family:"Inter",system-ui,sans-serif;font-size:14px;font-weight:600;
  color:var(--color-offwhite);text-decoration:none;border-bottom:1.5px solid var(--color-accent);
  padding-bottom:2px;transition:color .18s,border-color .18s;
}
.gn-lnk:hover{color:var(--color-accent-hover);border-color:var(--color-accent-hover)}
.gn-lnk--d{color:var(--color-primary);border-bottom-color:var(--color-accent-deep)}
.gn-lnk--d:hover{color:var(--color-accent-deep)}
.gn-b__ar,.gn-lnk__ar{display:inline-block;transition:transform .18s}
.gn-b:hover .gn-b__ar,.gn-lnk:hover .gn-lnk__ar{transform:translateX(3px)}
@media (max-width:520px){
  .gn-b{width:100%;padding:0 20px}
}


/* ---- legacy classes mapped to the Option G system (v28) ---- */
.gn-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-family:"Inter",system-ui,sans-serif;font-size:14px;font-weight:600;letter-spacing:0;
  min-height:52px;padding:0 28px;border-radius:4px;background:var(--color-accent);color:var(--color-on-accent);margin-top:44px;
}
.gn-btn:hover{background:var(--color-accent-hover)}
.gn-cta-em{
  border-radius:4px;background:var(--color-blue);color:#fff;min-height:52px;padding:0 28px;
  font-family:"Inter",system-ui,sans-serif;font-size:14px;font-weight:600;
}
.gn-cta-em:hover{background:var(--color-blue-hover)}
.gn-ghost{
  border-radius:4px;min-height:52px;padding:0 26px;border:1.5px solid rgba(247,248,250,.55);
  font-family:"Inter",system-ui,sans-serif;font-size:14px;font-weight:600;color:var(--color-offwhite);background:transparent;
}
.gn-ghost:hover{border-color:var(--color-offwhite);background:rgba(255,255,255,.08)}
.gn-send-wa{
  border-radius:4px;min-height:52px;background:var(--color-accent);color:var(--color-on-accent);
  font-family:"Inter",system-ui,sans-serif;font-size:14px;font-weight:600;
}
.gn-send-wa:hover{background:var(--color-accent-hover)}
.gn-send-mail{
  border-radius:4px;min-height:52px;background:transparent;color:var(--color-offwhite);
  border:1.5px solid rgba(247,248,250,.55);
  font-family:"Inter",system-ui,sans-serif;font-size:14px;font-weight:600;
}
.gn-send-mail:hover{border-color:var(--color-offwhite);background:rgba(255,255,255,.08)}
/* secondary actions become text links, not buttons */
.gn-vlink{
  border:none!important;padding:0!important;min-height:44px;
  font-family:"Inter",system-ui,sans-serif;font-size:14px;font-weight:600;letter-spacing:0;
  color:var(--color-offwhite);border-bottom:1.5px solid var(--color-accent)!important;padding-bottom:2px!important;
}
.gn-vlink:hover{color:var(--color-accent-hover);border-bottom-color:var(--color-accent-hover)!important;background:transparent!important}
.gn-ha-btn{
  border-radius:4px;min-height:52px;padding:0 28px;background:var(--color-blue);color:#fff;
  font-family:"Inter",system-ui,sans-serif;font-size:14px;font-weight:600;
}
.gn-ha-btn:hover{background:var(--color-blue-hover)}

/* ---- hero: 680px on desktop, auto on small screens (v30) ---- */
@media (max-width: 900px){
  .gn-hero-sec{height:auto!important;min-height:560px;padding-block:90px 56px}
}
@media (max-width: 520px){
  .gn-hero-sec{min-height:480px;padding-block:70px 44px}
}

/* ---- hero copy: scale down on smaller screens (v30) ---- */
@media (max-width: 1100px){
  
  .gn-hero-h1{font-size:52px!important}
}
@media (max-width: 900px){
  .gn-hero-copy{gap:22px!important}
  .gn-hero-h1{font-size:44px!important}
  .gn-hero-sub{font-size:17px!important}
}
@media (max-width: 520px){
  
  .gn-hero-h1{font-size:34px!important}
  .gn-hero-sub{font-size:16px!important}
  .gn-hero-copy{gap:20px!important}
}

/* ---- navbar responsive (v31) ---- */
@media (max-width: 900px){ .gn-main{padding-top:72px!important} }
@media (max-width: 900px){ .gn-hero-sec{padding-top:90px!important} }
@media (max-width: 520px){ .gn-hero-sec{padding-top:70px!important} }
@media (max-width: 520px){ .gn-hero-count{display:none!important} }

/* =================== ABOUT US - v41 (Figma frame) ===================
   Home page ka About section. Upar 3 hisse (photo panel / text / texture),
   neeche 4 feature cards ki dark patti. */
.gn-au{background:var(--color-surface)}
.gn-au-top{display:grid;grid-template-columns:603fr 504fr 336fr;align-items:stretch;width:100%;min-height:480px}

/* bायें ka photo panel */
.gn-au-vis{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:24px;padding:40px 32px 40px var(--space-side);background-position:26% center;background-size:cover;background-repeat:no-repeat}
.gn-au-stat{display:flex;flex-direction:column;align-items:flex-start;gap:8px;align-self:flex-start;padding:20px 10px;border-radius:3px;background:linear-gradient(125.3deg,rgba(15,30,54,.9) 48.7%,rgba(7,24,52,.45) 100%)}
.gn-au-bar{display:block;width:20px;height:3px;background:var(--color-accent)}
.gn-au-num{font-family:Inter,system-ui,sans-serif;font-size:24px;font-weight:800;line-height:1;color:#fff}
.gn-au-lbl{font-family:Inter,system-ui,sans-serif;font-size:9px;font-weight:500;letter-spacing:1px;line-height:1.6;color:#fff}
.gn-au-tag{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:0}
.gn-au-tag > span{font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:700;letter-spacing:1.5px;line-height:1.5;color:#fff}
.gn-au-rule{display:block;width:40px;height:2px;background:var(--color-accent)}

/* beech ka text panel */
.gn-au-copy{display:flex;flex-direction:column;align-items:flex-start;gap:24px;background:var(--color-surface);padding:56px 48px 48px}
.gn-au-eyebrow{display:flex;align-items:center;gap:12px;margin:0;font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:700;letter-spacing:1.5px;color:var(--color-text)}
.gn-au-dash{display:block;flex:none;width:32px;height:3px;background:var(--color-accent)}
.gn-au-copy h2{margin:0;font-family:Inter,system-ui,sans-serif;font-size:clamp(28px,3.4vw,38px);font-weight:800;line-height:1.2;color:var(--color-text)}
.gn-au-copy h2 span{color:var(--color-accent)}
.gn-au-p{margin:0;font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.7;color:var(--color-muted)}
.gn-au-cta{font-family:Inter,system-ui,sans-serif;font-size:14px;letter-spacing:0}

/* dायें ki texture photo */
.gn-au-tex{position:relative;overflow:hidden}
.gn-au-tex img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* neeche ki 4 feature cards */
.gn-au-feats{display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;background:#060B16}
.gn-au-feat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:300px;padding:48px 32px;text-align:center;background-position:center;background-size:cover;border-left:1px solid rgba(255,255,255,.12)}
.gn-au-feat:first-child{border-left:0}
.gn-au-feat svg{flex:none;color:#fff}
.gn-au-fx{display:flex;flex-direction:column;gap:12px}
.gn-au-ft{font-family:Outfit,system-ui,sans-serif;font-size:16px;font-weight:800;text-transform:uppercase;line-height:1.2;color:#fff}
.gn-au-fs{font-family:Inter,system-ui,sans-serif;font-size:16px;font-weight:500;line-height:1.5;color:rgba(255,255,255,.7)}

@media (max-width:1180px){
  .gn-au-top{grid-template-columns:1fr 1fr}
  .gn-au-tex{display:none}
  
}
@media (max-width:980px){
  .gn-au-feats{grid-template-columns:repeat(2,1fr)}
  .gn-au-feat{min-height:260px}
  .gn-au-feat:nth-child(odd){border-left:0}
  .gn-au-feat:nth-child(n+3){border-top:1px solid rgba(255,255,255,.12)}
  .gn-au-br{display:none}
}
@media (max-width:820px){
  .gn-au-top{grid-template-columns:1fr;min-height:0}
  
  .gn-au-copy{padding:40px 24px}
}
@media (max-width:560px){
  .gn-au-feats{grid-template-columns:1fr}
  .gn-au-feat{min-height:0;padding:40px 24px;border-left:0}
  .gn-au-feat + .gn-au-feat{border-top:1px solid rgba(255,255,255,.12)}
  .gn-au-fs{font-size:15px}
}

/* =================== OUR SERVICES (v46) — exact Figma export values =================== */
.gn-svc2{background:#fff}
.gn-svc2__inner{max-width:1440px;margin:0 auto;padding:56px var(--space-side);display:flex;flex-direction:column;gap:40px}
.gn-svc2__head{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.gn-svc2__eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:12px}
.gn-svc2__eyebrow-bar{width:24px;height:4px;background:#FFB703;flex:none}
.gn-svc2__eyebrow-txt{font-family:"Inter",system-ui,sans-serif;font-weight:800;font-size:13px;letter-spacing:1.5px;color:#061B33}
.gn-svc2__h2{font-family:"Inter",system-ui,sans-serif;font-weight:800;font-size:34px;color:#061B33;line-height:1.15;margin:0}
.gn-svc2__h2 em{font-style:normal;color:#F0B021}
.gn-svc2__side{display:flex;align-items:center;gap:24px;flex:none}
.gn-svc2__rule{width:1px;height:52px;background:#E5E7EB;flex:none}
.gn-svc2__tag{display:flex;flex-direction:column;gap:2px}
.gn-svc2__tag span{font-family:"Inter",system-ui,sans-serif;font-weight:700;font-size:11px;letter-spacing:1.1px;color:#7A8B9E}
.gn-svc2__grid{display:flex;gap:16px;align-items:stretch}
.gn-svc2__card{
  flex:1 1 0;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;
  position:relative;height:430px;padding:0 24px 28px;isolation:isolate;border-radius:2px; /* v125: 4 cards - padding 32->24/28 */
}
.gn-svc2__card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.gn-svc2__card::after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(204.5deg, rgba(6,27,51,0) 28.6%, rgba(6,27,51,0.8) 62.9%, #061B33 85.7%);
}
.gn-svc2__num{font-family:"Inter",system-ui,sans-serif;font-weight:800;font-size:44px;color:#FFB703;line-height:1}
.gn-svc2__numbar{width:32px;height:3px;background:#FFB703;margin-top:12px}
.gn-svc2__body{margin-top:16px;display:flex;flex-direction:column;gap:8px}
.gn-svc2__title{font-family:"Inter",system-ui,sans-serif;font-weight:800;font-size:20px;color:#fff}
.gn-svc2__desc{font-family:"Inter",system-ui,sans-serif;font-size:14px;color:#CBD5E1;line-height:1.5}
.gn-svc2__explore{display:flex;align-items:center;gap:12px;padding-top:8px}
.gn-svc2__explore span{font-family:"Inter",system-ui,sans-serif;font-weight:700;font-size:12px;letter-spacing:1.2px;color:#fff}
.gn-svc2__explore svg{width:12px;height:12px;flex:none;stroke:#FFB703;transition:transform .2s}
.gn-svc2__explore-line{flex:1;height:1px;background:rgba(255,255,255,.2)}
.gn-svc2__card:hover .gn-svc2__explore svg{transform:translateX(3px)}
@media (max-width:1024px){
  .gn-svc2__grid{flex-direction:column}
  .gn-svc2__card{height:320px;flex:none}
}
@media (max-width:640px){
  
  .gn-svc2__h2{font-size:26px}
  .gn-svc2__side{display:none}
}

/* =================== PROJECT LIFECYCLE (v47) — exact Figma export values =================== */
.gn-life2{background:#FFFFFF;padding:56px 0;display:flex;flex-direction:column;align-items:center;gap:32px}
.gn-life2__head{padding:0 var(--space-side);display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}
.gn-life2__eyebrow{display:inline-flex;align-items:center;gap:10px}
.gn-life2__eyebrow-bar{width:24px;height:4px;background:#FFB703;flex:none}
.gn-life2__eyebrow-txt{font-family:"Inter",system-ui,sans-serif;font-weight:800;font-size:13px;letter-spacing:1.5px;color:#061B33}
.gn-life2__h2{font-family:"Outfit",system-ui,sans-serif;font-weight:900;font-size:40px;color:#0F172A;max-width:848px;margin:0}
.gn-life2__h2 em{font-style:normal;color:#EFB024}
.gn-life2__body{width:100%;max-width:1283px;display:flex;flex-direction:column;align-items:center;gap:40px;padding:0 20px}
.gn-life2__legend{display:flex;gap:32px;flex-wrap:wrap;justify-content:center}
.gn-life2__leg{display:inline-flex;align-items:center;gap:8px}
.gn-life2__leg span{width:16px;height:8px;border-radius:2px;flex:none}
.gn-life2__leg b{font-family:"Inter",system-ui,sans-serif;font-weight:700;font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:#475569}

.gn-life2__track{width:100%}
.gn-life2__stages{display:flex;gap:16px}
.gn-life2__stage-lbl{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:2px}
.gn-life2__stage-lbl b{font-family:"Inter",system-ui,sans-serif;font-weight:600;font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:#475569}
.gn-life2__stage-lbl em{font-style:normal;font-family:"Outfit",system-ui,sans-serif;font-weight:300;font-size:20px}
.gn-life2__dots{position:relative;width:100%;height:22px;margin-top:10px;margin-bottom:10px}
.gn-life2__dots::before{content:"";position:absolute;left:0;right:0;top:9px;height:2px;background:#E2E8F0}
.gn-life2__dot{position:absolute;top:0;width:22px;height:22px;border-radius:3px;border:2px solid;background:#fff;display:flex;align-items:center;justify-content:center}
.gn-life2__dot i{width:10px;height:10px;border-radius:1px;display:block}

.gn-life2__grid{display:flex;gap:16px;width:100%}
.gn-life2__card{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:8px}
.gn-life2__ctitle{font-family:"Outfit",system-ui,sans-serif;font-weight:800;font-size:13px;color:#0F172A;min-height:34px}
.gn-life2__cimg{width:100%;aspect-ratio:1.33;border:1px solid #E2E8F0;border-radius:8px;overflow:hidden;position:relative}
.gn-life2__cimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gn-life2__cdesc{font-family:"Inter",system-ui,sans-serif;font-size:12px;color:#475569;line-height:1.5}

@media (max-width:1024px){
  .gn-life2__stages,.gn-life2__grid{flex-wrap:wrap}
  .gn-life2__stage-lbl,.gn-life2__card{flex:1 1 40%}
  .gn-life2__dots,.gn-life2__stages{display:none}
}
@media (max-width:640px){
  
  .gn-life2__h2{font-size:28px}
  .gn-life2__stage-lbl,.gn-life2__card{flex:1 1 100%}
}

/* =================== FOOTER (v51) — exact Figma export values =================== */
.gn-foot2{
  position:relative;background:linear-gradient(0deg, rgba(5,17,34,0.92), rgba(5,17,34,0.92)), url("img/footer-bg.jpg");
  background-position:0% 0%, center; background-size:auto auto, cover; background-repeat:no-repeat;
}
.gn-foot2__main{max-width:1440px;margin:0 auto;padding:80px var(--space-side) 40px;display:flex;flex-direction:column;gap:64px}
.gn-foot2__row{display:flex;gap:48px;align-items:flex-start}
.gn-foot2__brand{width:360px;flex:none;display:flex;flex-direction:column;gap:28px}
.gn-foot2__logos{display:flex;align-items:center;gap:16px}
.gn-foot2__logos img{height:42px;width:auto;object-fit:contain}
.gn-foot2__logos-sep{width:1px;height:42px;background:rgba(255,255,255,.4);flex:none}
.gn-foot2__brand-copy{display:flex;flex-direction:column;gap:12px}
.gn-foot2__brand-copy p{font-family:"Inter",system-ui,sans-serif;font-weight:700;font-size:13px;text-transform:uppercase;color:#8AA0BA;line-height:1.5;margin:0}
.gn-foot2__bar-sm{width:48px;height:2px;background:#F5B316}

.gn-foot2__col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:16px}
.gn-foot2__col h5{font-family:"Inter",system-ui,sans-serif;font-weight:700;font-size:14px;text-transform:uppercase;color:#fff;margin:0}
.gn-foot2__col-bar{width:32px;height:2px;background:#F5B316;margin-top:-8px}
.gn-foot2__links{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}
.gn-foot2__links a{font-family:"Inter",system-ui,sans-serif;font-weight:500;font-size:13px;color:#8AA0BA;text-decoration:none;transition:color .15s}
.gn-foot2__links a:hover{color:#fff}

.gn-foot2__addr{width:320px;flex:none;display:flex;flex-direction:column;gap:32px}
.gn-foot2__addr-block{display:flex;flex-direction:column;gap:16px}
.gn-foot2__addr-text{font-family:"Inter",system-ui,sans-serif;font-size:13px;color:#8AA0BA;line-height:1.6;margin:0}
.gn-foot2__news{display:flex;border:1px solid rgba(255,255,255,.1);border-radius:4px;overflow:hidden;height:44px}
.gn-foot2__news input{flex:1;min-width:0;background:#08182B;border:none;padding:0 16px;font-family:"Inter",system-ui,sans-serif;font-size:13px;color:#8AA0BA;outline:none}
.gn-foot2__news button{width:48px;flex:none;background:#F5B316;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}
.gn-foot2__news svg{width:16px;height:16px}
.gn-foot2__social h5{font-family:"Inter",system-ui,sans-serif;font-weight:700;font-size:13px;text-transform:uppercase;color:#fff;margin:0 0 16px}
.gn-foot2__social-row{display:flex;gap:10px}
.gn-foot2__social-row a{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s}
.gn-foot2__social-row a:hover{border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.05)}
.gn-foot2__social-row svg{width:16px;height:16px;stroke:#8AA0BA}

.gn-foot2__rule{height:1px;width:100%;background:rgba(255,255,255,.1)}
.gn-foot2__bottom{padding:20px var(--space-side);display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.gn-foot2__copy{font-family:"Inter",system-ui,sans-serif;font-size:12px;color:#8AA0BA;margin-right:auto}
.gn-foot2__legal{display:flex;align-items:center;gap:16px;margin-right:auto}
.gn-foot2__legal span{font-family:"Inter",system-ui,sans-serif;font-size:12px;color:#8AA0BA}
.gn-foot2__legal i{width:1px;height:12px;background:rgba(255,255,255,.1)}
.gn-foot2__flag{display:flex;align-items:center;gap:8px}
.gn-foot2__flagicon{width:22px;height:14px;border:1px solid rgba(255,255,255,.25);display:flex;flex-direction:column}
.gn-foot2__flagicon i:nth-child(1){background:#f93;height:5px;display:block}
.gn-foot2__flagicon i:nth-child(2){background:#fff;height:4px;display:flex;align-items:center;justify-content:center}
.gn-foot2__flagicon i:nth-child(2) b{width:3px;height:3px;border-radius:50%;background:#000080;display:block}
.gn-foot2__flagicon i:nth-child(3){background:#128807;height:5px;display:block}
.gn-foot2__flagtxt{font-family:"Inter",system-ui,sans-serif;font-size:12px;color:#8AA0BA;white-space:nowrap}

@media (max-width:1100px){
  
  .gn-foot2__row{flex-wrap:wrap;gap:36px}
  .gn-foot2__brand,.gn-foot2__addr{width:100%}
  
}
@media (max-width:640px){
  
  
  .gn-foot2__copy,.gn-foot2__legal{margin-right:0}
  .gn-foot2__bottom{flex-direction:column;align-items:flex-start;gap:10px}
}

/* =================== CAPABILITIES — static 50/50 (Option B, v52) =================== */
.gn-vwrap2{display:flex;width:100%;align-items:stretch}
.gn-vpanel2{position:relative;overflow:hidden;flex:1 1 0;min-width:0;min-height:560px}
.gn-vgap{width:2px;flex:none;background:#FFFFFF}
.gn-vpanel2 .gn-vcontent{position:relative;padding:56px var(--space-side)}
.gn-vpanel2 .gn-vs-body{container-type:inline-size}
@media (max-width:900px){
  .gn-vwrap2{flex-direction:column}
  .gn-vgap{width:100%;height:2px}
  .gn-vpanel2{min-height:auto;flex:none}
  .gn-vpanel2 .gn-vcontent{padding:44px var(--space-side)}
}

/* ---- gn-vpanel--light: dark-text overrides for muted-colour capability panels (v61) ---- */
.gn-vpanel--light .gn-vlink{color:var(--color-primary);border-color:rgba(18,22,28,.45)}
.gn-vpanel--light .gn-vlink:hover{background:var(--color-primary);color:var(--color-offwhite);border-color:var(--color-primary)}
.gn-vpanel--light .gn-vthumb{color:var(--color-primary)}
.gn-vpanel--light .gn-vthumb img{border-color:rgba(18,22,28,.25)}
.gn-vpanel--light .gn-vthumb:hover img{border-color:var(--color-primary)}
.gn-vpanel--light .gn-vthumb-m{color:rgba(18,22,28,.65)}
.gn-vpanel--light .gn-vs-count{color:rgba(18,22,28,.75)}
.gn-vpanel--light .gn-vs-all a{border-color:rgba(18,22,28,.4);color:var(--color-primary)}
.gn-vpanel--light .gn-vs-all a:hover{background:rgba(18,22,28,.08);border-color:var(--color-primary)}
.gn-vpanel--light .gn-vs-all-m{color:rgba(18,22,28,.65)}

/* =================== CONTACT (v64) — exact Figma export values, "GET IN TOUCH" =================== */
.gn-gt2{position:relative;background:#060B16}
.gn-gt2__inner{max-width:1440px;margin:0 auto;padding:80px var(--space-side);display:flex;flex-direction:column;gap:48px}
.gn-gt2__eyebrow{display:inline-flex;align-items:center;gap:12px}
.gn-gt2__eyebrow-bar{width:32px;height:3px;background:#F2B80F;flex:none}
.gn-gt2__eyebrow-txt{font-family:"Inter",system-ui,sans-serif;font-weight:700;font-size:14px;text-transform:uppercase;color:rgba(255,255,255,.7)}
.gn-gt2__row{display:flex;gap:64px;align-items:flex-start}

.gn-gt2__left{width:460px;flex:none;display:flex;flex-direction:column;gap:32px}
.gn-gt2__heading{display:flex;flex-direction:column;gap:16px}
.gn-gt2__h2{font-family:"Outfit",system-ui,sans-serif;font-weight:900;font-size:44px;color:#fff;line-height:1.1;margin:0}
.gn-gt2__h2 em{font-style:normal;color:#F2B80F}
.gn-gt2__lead{font-family:"Inter",system-ui,sans-serif;font-size:15px;color:rgba(255,255,255,.7);line-height:1.6;margin:0}

.gn-gt2__enquiry{display:flex;flex-direction:column;gap:16px}
.gn-gt2__label-sm{font-family:"Inter",system-ui,sans-serif;font-weight:700;font-size:12px;text-transform:uppercase;color:rgba(255,255,255,.5)}
.gn-gt2__pills{display:flex;flex-direction:column;gap:8px}
.gn-gt2__pill{display:inline-flex;align-items:center;gap:8px;width:fit-content;border-radius:30px;background:#121F33;padding:8px 14px;text-decoration:none}
.gn-gt2__pill svg{width:14px;height:14px;flex:none;stroke:#F2B80F}
.gn-gt2__pill span{font-family:"Inter",system-ui,sans-serif;font-weight:600;font-size:13px;color:#fff}
.gn-gt2__pill--mail svg{stroke:rgba(255,255,255,.7)}
.gn-gt2__pill--mail span{color:#F2B80F;font-weight:400}

.gn-gt2__office{display:flex;flex-direction:column;gap:8px}
.gn-gt2__office p{font-family:"Inter",system-ui,sans-serif;font-size:13px;color:rgba(255,255,255,.7);line-height:1.5;margin:0}

.gn-gt2__divider{width:1px;align-self:stretch;background:linear-gradient(180deg, rgba(242,184,15,0) 0%, rgba(242,184,15,0.4) 50%, rgba(242,184,15,0) 100%)}

.gn-gt2__form{flex:1;min-width:0;display:flex;flex-direction:column;gap:32px}
.gn-gt2__need-label{font-family:"Inter",system-ui,sans-serif;font-weight:700;font-size:14px;color:#fff;margin-bottom:12px}
.gn-gt2__need-label em{font-style:normal;color:#F2B80F}
.gn-gt2__needs{display:flex;gap:8px;border-radius:12px;background:#0C162B;padding:6px}
.gn-gt2__need{flex:1;min-width:0;border:none;background:transparent;border-radius:8px;padding:12px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;text-align:center}
.gn-gt2__need-t{font-family:"Inter",system-ui,sans-serif;font-weight:600;font-size:14px;color:rgba(255,255,255,.7)}
.gn-gt2__need-s{font-family:"Inter",system-ui,sans-serif;font-size:11px;color:rgba(255,255,255,.5)}
.gn-gt2__need.is-active{background:#121F33}
.gn-gt2__need.is-active .gn-gt2__need-t{font-weight:700;color:#F2B80F}

.gn-gt2__fields{display:flex;flex-direction:column;gap:24px}
.gn-gt2__frow{display:flex;gap:24px}
.gn-gt2__f{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}
.gn-gt2__flab{display:inline-flex;gap:4px;font-family:"Inter",system-ui,sans-serif;font-weight:600;font-size:13px;color:rgba(255,255,255,.7)}
.gn-gt2__flab em{font-style:normal;color:#F2B80F}
.gn-gt2__input,.gn-gt2__select{
  height:44px;border:1px solid #22354F;border-radius:8px;background:#121F33;padding:0 16px;
  font-family:"Inter",system-ui,sans-serif;font-size:14px;color:#fff;width:100%;box-sizing:border-box;
}
.gn-gt2__input::placeholder{color:rgba(255,255,255,.5)}
.gn-gt2__select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23FFFFFFB3' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;cursor:pointer}
.gn-gt2__select option{background:#121F33;color:#fff}
.gn-gt2__textarea{
  border:1px solid #22354F;border-radius:8px;background:#121F33;padding:12px 16px;min-height:100px;
  font-family:"Inter",system-ui,sans-serif;font-size:14px;color:#fff;width:100%;box-sizing:border-box;resize:vertical;
}
.gn-gt2__textarea::placeholder{color:rgba(255,255,255,.5)}
.gn-gt2__input:focus,.gn-gt2__select:focus,.gn-gt2__textarea:focus{outline:none;border-color:#F2B80F}

.gn-gt2__actions{display:flex;gap:20px}
.gn-gt2__btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:8px;border:none;padding:16px;cursor:pointer;font-family:"Inter",system-ui,sans-serif;font-weight:700;font-size:16px}
.gn-gt2__btn svg{width:20px;height:20px;flex:none}
.gn-gt2__btn--wa{background:#21C062;color:#fff}
.gn-gt2__btn--wa:hover{background:#1CA653}
.gn-gt2__btn--mail{background:transparent;border:1px solid rgba(255,255,255,.7);color:#fff;font-size:15px}
.gn-gt2__btn--mail:hover{background:rgba(255,255,255,.08)}

@media (max-width:1100px){
  
  .gn-gt2__row{flex-direction:column;gap:40px}
  .gn-gt2__left{width:100%}
  .gn-gt2__divider{display:none}
}
@media (max-width:640px){
  
  .gn-gt2__h2{font-size:32px}
  .gn-gt2__frow{flex-direction:column;gap:16px}
  .gn-gt2__needs{flex-direction:column}
  .gn-gt2__actions{flex-direction:column}
}

/* ---- small-screen tweaks kept independent of the space-side token (v69) ---- */
@media (max-width:767px){ .gn-navbar{height:72px} .gn-hero-meta{font-size:12px} }

/* keep the outline "Get a quote" button transparent on hover, not the old solid-fill hover (v72) */
.gn-b--out-d[data-btn=em]:hover{background:rgba(0,75,147,.08)!important}


/* =================== SUB-PAGE SYSTEM (v73) ===================
   Sub-pages (About, Earthmovers, Materials, Integrated Solutions, Clients,
   Contact) ab home page ke hi design system par hain: wahi 1440px container,
   wahi --space-side padding, wahi amber eyebrow bar, wahi Outfit/Inter type,
   wahi card treatment. Home page ka CSS is block mein bilkul nahi chheda gaya. */

/* ---- page hero (home hero ka chhota version) ---- */
.gn-phero{position:relative;overflow:hidden;display:flex;align-items:center;
  min-height:520px;padding:72px 0 96px;background:var(--color-primary-deep)}
.gn-phero__bg{position:absolute;inset:0}
.gn-phero__bg img{width:100%;height:100%;object-fit:cover;object-position:center}
.gn-phero__scrim{position:absolute;inset:0;
  background:linear-gradient(90deg, rgba(6,11,22,.92) 0%, rgba(6,11,22,.74) 42%, rgba(6,11,22,.15) 100%)}
.gn-phero__inner{position:relative;z-index:1;width:100%;max-width:1440px;margin:0 auto;padding:0 var(--space-side)}
.gn-phero__copy{display:flex;flex-direction:column;align-items:flex-start;gap:20px;max-width:min(660px,100%)}
.gn-phero__crumb{display:flex;align-items:center;gap:10px;
  font-family:"Inter",system-ui,sans-serif;font-size:13px;color:rgba(255,255,255,.4)}
.gn-phero__crumb a{color:rgba(255,255,255,.7);transition:color .18s}
.gn-phero__crumb a:hover{color:#fff}
.gn-phero__crumb [aria-current]{color:var(--color-accent)}
.gn-phero__eyebrow{display:inline-flex;align-items:center;gap:12px}
.gn-phero__eyebrow i{display:block;width:44px;height:3px;background:var(--color-accent);flex:none}
.gn-phero__eyebrow span{font-family:"Inter",system-ui,sans-serif;font-size:14px;font-weight:600;
  color:rgba(255,255,255,.7);text-transform:uppercase;letter-spacing:.04em}
.gn-phero__h1{margin:0;font-family:"Outfit",system-ui,sans-serif;font-weight:900;
  font-size:clamp(34px,5vw,58px);line-height:110%;color:#fff}
.gn-phero__h1 em{display:block;font-style:normal;color:var(--color-accent)}
.gn-phero__sub{margin:0;max-width:56ch;font-family:"Inter",system-ui,sans-serif;
  font-size:17px;font-weight:400;line-height:165%;color:rgba(255,255,255,.7)}
.gn-phero__cta{display:flex;flex-wrap:wrap;align-items:center;gap:26px}
.gn-phero__meta{position:absolute;right:var(--space-side);bottom:30px;z-index:2;
  display:flex;align-items:center;gap:8px;color:#fff;
  font-family:"Inter",system-ui,sans-serif;font-size:13px;font-weight:500}
.gn-phero__meta span i{font-style:normal;opacity:.45;padding:0 8px}
@media (max-width:900px){
  .gn-phero{min-height:430px;padding:48px 0 64px}
  .gn-phero__meta{display:none}
}
@media (max-width:520px){.gn-phero{min-height:380px;padding:36px 0 48px}.gn-phero__sub{font-size:15px}}

/* ---- section shell (home ke gn-svc2__inner jaisa hi) ---- */
.gn-sec{background:#fff}
.gn-sec--alt{background:#F5F7FA}
.gn-sec--dark{background:#061B33}
.gn-sec__inner{max-width:1440px;margin:0 auto;padding:56px var(--space-side);
  display:flex;flex-direction:column;gap:36px}
.gn-sec__head{display:flex;flex-direction:column;gap:14px;max-width:920px}
.gn-sec__head--center{align-items:center;text-align:center;max-width:none}
.gn-sec__eyebrow{display:inline-flex;align-items:center;gap:10px}
.gn-sec__eyebrow i{display:block;width:24px;height:4px;background:#FFB703;flex:none}
.gn-sec__eyebrow span{font-family:"Inter",system-ui,sans-serif;font-weight:800;
  font-size:13px;letter-spacing:1.5px;color:#061B33}
.gn-sec--dark .gn-sec__eyebrow span{color:#fff}
.gn-sec__h2{margin:0;font-family:"Outfit",system-ui,sans-serif;font-weight:900;
  font-size:40px;line-height:1.1;color:#0F172A}
.gn-sec__h2 em{font-style:normal;color:#EFB024}
.gn-sec--dark .gn-sec__h2{color:#fff}
.gn-sec__lead{margin:0;max-width:64ch;font-family:"Inter",system-ui,sans-serif;
  font-size:15px;line-height:1.7;color:#475569}
.gn-sec--dark .gn-sec__lead{color:#CBD5E1}
.gn-sec__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:20px;padding-top:28px;border-top:1px solid #E2E8F0}
.gn-sec--dark .gn-sec__foot{border-top-color:rgba(255,255,255,.12)}
.gn-sec__footnote{margin:0;max-width:54ch;font-family:"Inter",system-ui,sans-serif;
  font-size:14px;line-height:1.6;color:#475569}
.gn-sec--dark .gn-sec__footnote{color:#CBD5E1}
@media (max-width:640px){
  .gn-sec__inner{padding:44px var(--space-side);gap:28px}
  .gn-sec__h2{font-size:28px}
}

/* ---- grids ---- */
.gn-grid{display:grid;gap:16px}
.gn-grid--2{grid-template-columns:repeat(2,1fr)}
.gn-grid--3{grid-template-columns:repeat(3,1fr)}
.gn-grid--4{grid-template-columns:repeat(4,1fr)}
.gn-grid--5{grid-template-columns:repeat(5,1fr)}
@media (max-width:1200px){.gn-grid--5{grid-template-columns:repeat(3,1fr)}}
@media (max-width:1024px){.gn-grid--3,.gn-grid--4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){
  .gn-grid--2,.gn-grid--3,.gn-grid--4,.gn-grid--5{grid-template-columns:1fr}
}

/* ---- tile (numbered info card) ---- */
.gn-tile{display:flex;flex-direction:column;gap:10px;padding:24px;background:#fff;
  border:1px solid #E2E8F0;border-radius:8px;
  transition:border-color .18s,box-shadow .18s,transform .18s}
.gn-tile:hover{border-color:#CBD5E1;box-shadow:0 8px 24px rgba(6,27,51,.07);transform:translateY(-2px)}
.gn-tile__num{font-family:"Inter",system-ui,sans-serif;font-weight:800;font-size:26px;
  line-height:1;color:#FFB703}
.gn-tile__bar{width:28px;height:3px;background:#FFB703}
.gn-tile__t{font-family:"Inter",system-ui,sans-serif;font-weight:800;font-size:16px;
  line-height:1.3;color:#061B33}
.gn-tile__d{font-family:"Inter",system-ui,sans-serif;font-size:14px;line-height:1.6;color:#475569}
.gn-tile__note{margin-top:4px;padding-top:12px;border-top:1px solid #E2E8F0;
  font-family:"Inter",system-ui,sans-serif;font-size:12.5px;line-height:1.6;color:#7A8B9E}
.gn-tile__icon{color:#0E6BA3;margin-bottom:2px}
.gn-tile__link{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:14px;
  font-family:"Inter",system-ui,sans-serif;font-weight:700;font-size:11px;letter-spacing:1.2px;
  color:#004B93;text-decoration:none}
.gn-tile__link svg{width:11px;height:11px;flex:none;stroke:#FFB703;transition:transform .18s}
.gn-tile__link:hover svg{transform:translateX(3px)}
.gn-sec--alt .gn-tile{background:#fff}
.gn-sec--dark .gn-tile{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12)}
.gn-sec--dark .gn-tile:hover{border-color:rgba(255,255,255,.25);box-shadow:none}
.gn-sec--dark .gn-tile__t{color:#fff}
.gn-sec--dark .gn-tile__d{color:#CBD5E1}
.gn-sec--dark .gn-tile__note{color:rgba(255,255,255,.45);border-top-color:rgba(255,255,255,.12)}

/* ---- photo card: v80 - photo saaf (bina dark overlay), text photo ke neeche ---- */
.gn-pc{display:flex;flex-direction:column;text-decoration:none}
.gn-pc__img{position:relative;width:100%;aspect-ratio:700/751;overflow:hidden;
  border:1px solid #E2E8F0;border-radius:8px;background:#F5F7FA;margin-bottom:16px}
.gn-pc__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transition:transform .5s ease}
.gn-pc:hover .gn-pc__img img{transform:scale(1.04)}
.gn-pc__bar{width:28px;height:3px;background:#FFB703;margin-bottom:10px}
.gn-pc__t{font-family:"Outfit",system-ui,sans-serif;font-weight:800;font-size:17px;line-height:1.3;color:#0F172A}
.gn-pc__d{margin-top:4px;font-family:"Inter",system-ui,sans-serif;font-size:13px;
  line-height:1.5;color:#475569}
.gn-pc__tag{position:absolute;top:16px;right:16px;padding:5px 10px;border-radius:3px;
  background:rgba(6,27,51,.82);border:1px solid rgba(255,255,255,.18);
  font-family:"Inter",system-ui,sans-serif;font-weight:700;font-size:10px;letter-spacing:1px;color:#FFB703}

/* ---- fleet card (lifecycle card jaisa light treatment) ---- */
.gn-fl{display:flex;flex-direction:column;gap:10px}
.gn-fl__img{position:relative;width:100%;aspect-ratio:3/2;overflow:hidden;
  border:1px solid #E2E8F0;border-radius:8px;background:#F5F7FA}
.gn-fl__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transition:transform .5s ease}
.gn-fl:hover .gn-fl__img img{transform:scale(1.04)}
.gn-fl__qty{position:absolute;left:10px;bottom:10px;padding:4px 9px;border-radius:3px;
  background:rgba(6,27,51,.85);color:#FFB703;
  font-family:"Inter",system-ui,sans-serif;font-weight:700;font-size:10px;letter-spacing:.8px}
.gn-fl__n{font-family:"Outfit",system-ui,sans-serif;font-weight:800;font-size:15px;color:#0F172A}
.gn-fl__u{font-family:"Inter",system-ui,sans-serif;font-size:12.5px;color:#475569}

/* ---- site gallery ---- */
.gn-gal2{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:190px;gap:16px;
  list-style:none;margin:0;padding:0}
.gn-gal2 li{position:relative;overflow:hidden;border:1px solid #E2E8F0;border-radius:8px}
.gn-gal2 li.is-big{grid-column:span 2;grid-row:span 2}
.gn-gal2 img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.gn-gal2 li:hover img{transform:scale(1.04)}
@media (max-width:1024px){
  .gn-gal2{grid-template-columns:repeat(2,1fr);grid-auto-rows:170px}
  .gn-gal2 li.is-big{grid-column:span 2;grid-row:span 1}
}

/* ---- split (text + visual / text + timeline) ---- */
.gn-split{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:start}
.gn-split__p{margin:0 0 16px;font-family:"Inter",system-ui,sans-serif;font-size:15px;
  line-height:1.8;color:#475569}
.gn-split__img{width:100%;aspect-ratio:16/9;overflow:hidden;border:1px solid #E2E8F0;border-radius:10px}
.gn-split__img img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:900px){.gn-split{grid-template-columns:1fr;gap:32px}}

/* ---- founder timeline ---- */
.gn-tl{position:relative;padding-left:30px}
.gn-tl::before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:#E2E8F0}
.gn-tl__i{position:relative;padding-bottom:26px}
.gn-tl__i:last-child{padding-bottom:0}
.gn-tl__i::before{content:"";position:absolute;left:-30px;top:3px;width:16px;height:16px;
  border-radius:4px;border:2px solid #CBD5E1;background:#fff}
.gn-tl__i--now::before{border-color:#FFB703;background:#FFB703}
.gn-tl__y{font-family:"Inter",system-ui,sans-serif;font-weight:800;font-size:11px;
  letter-spacing:1.4px;color:#8A5A00}
.gn-tl__r{margin:4px 0 6px;font-family:"Outfit",system-ui,sans-serif;font-weight:800;
  font-size:16px;letter-spacing:.02em;color:#0F172A}
.gn-tl__d{margin:0;font-family:"Inter",system-ui,sans-serif;font-size:13.5px;
  line-height:1.65;color:#475569}

/* ---- problem / answer pairs ---- */
.gn-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:26px 0;
  border-top:1px solid #E2E8F0}
.gn-pair__lab{margin-bottom:8px;font-family:"Inter",system-ui,sans-serif;font-weight:800;
  font-size:10px;letter-spacing:1.6px;color:#94A3B8}
.gn-pair__q{margin:0;font-family:"Outfit",system-ui,sans-serif;font-weight:400;font-style:italic;
  font-size:18px;line-height:1.5;color:#64748B}
.gn-pair__ans{border-left:3px solid #FFB703;padding-left:22px}
.gn-pair__ans .gn-pair__lab{color:#8A5A00}
.gn-pair__a{margin:0;font-family:"Outfit",system-ui,sans-serif;font-weight:700;font-size:18px;
  line-height:1.5;color:#0F172A}
@media (max-width:820px){.gn-pair{grid-template-columns:1fr;gap:18px}}

/* ---- page stats ---- */
.gn-pstat{display:flex;flex-direction:column;gap:6px;align-items:flex-start;
  padding:24px;background:#fff;border:1px solid #E2E8F0;border-radius:8px}
.gn-pstat b{font-family:"Inter",system-ui,sans-serif;font-weight:800;font-size:44px;
  line-height:1;color:#061B33}
.gn-pstat b em{font-style:normal;color:#FFB703}
.gn-pstat span{font-family:"Inter",system-ui,sans-serif;font-weight:600;font-size:12px;
  letter-spacing:.6px;color:#4F6378}
.gn-pstat i{display:block;width:24px;height:3px;background:#FFB703;margin-top:6px}

/* ---- client logos (page grid) ---- */
.gn-logos2{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;list-style:none;margin:0;padding:0}
.gn-logos2 li{display:flex;align-items:center;justify-content:center;aspect-ratio:3/2;padding:14px;
  background:#fff;border:1px solid #E2E8F0;border-radius:6px;transition:border-color .18s,box-shadow .18s}
.gn-logos2 li:hover{border-color:#CBD5E1;box-shadow:0 6px 18px rgba(6,27,51,.06)}
.gn-logos2 img{max-width:100%;max-height:100%;object-fit:contain}
@media (max-width:1024px){.gn-logos2{grid-template-columns:repeat(4,1fr)}}
@media (max-width:640px){.gn-logos2{grid-template-columns:repeat(2,1fr)}}

/* ---- sector chips ---- */
.gn-chips{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}
.gn-chips li{padding:10px 18px;background:#fff;border:1px solid #E2E8F0;border-radius:999px;
  font-family:"Inter",system-ui,sans-serif;font-size:13px;color:#475569}

/* ---- pull quote + CTA band ---- */
.gn-quote2{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px;
  padding:36px 40px;background:#061B33;border-radius:10px}
.gn-quote2 p{margin:0;max-width:660px;font-family:"Outfit",system-ui,sans-serif;font-weight:600;
  font-size:20px;line-height:1.45;color:#fff}
@media (max-width:640px){.gn-quote2{padding:28px 24px}.gn-quote2 p{font-size:17px}}


/* =================== QUOTE STRIP - v76 (Option B3: white gradient + engineer photo) =================== */
.gn-qs{position:relative;overflow:hidden;background:#FFFFFF}
.gn-qs__img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:60% 20%;display:block}
.gn-qs__fade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 38%,rgba(255,255,255,.60) 57%,rgba(255,255,255,.12) 79%,rgba(255,255,255,0) 100%)}
.gn-qs__bar{position:absolute;left:0;right:0;bottom:0;height:6px;background:var(--color-accent);z-index:2}
.gn-qs__in{position:relative;z-index:1;max-width:1440px;margin:0 auto;box-sizing:border-box;min-height:400px;padding:56px var(--space-side);display:flex;flex-direction:column;justify-content:center;gap:24px}
.gn-qs__eyebrow{display:flex;align-items:center;gap:12px;font-family:"Inter",system-ui,sans-serif;font-size:12px;font-weight:800;letter-spacing:.2em;color:var(--color-muted)}
.gn-qs__eyebrow span{display:block;width:24px;height:4px;background:var(--color-accent)}
.gn-qs__quote{margin:0;max-width:620px;font-family:"Outfit",system-ui,sans-serif;font-weight:800;font-size:38px;line-height:1.18;letter-spacing:-.01em;color:var(--color-text)}
.gn-qs__quote span{color:var(--color-accent)}
.gn-qs__actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 28px;margin-top:4px}
.gn-qs__btn{display:inline-flex;align-items:center;gap:12px;background:var(--color-accent);color:var(--color-on-accent);font-family:"Inter",system-ui,sans-serif;font-weight:700;font-size:16px;padding:20px 32px;border-radius:4px;transition:background-color .15s}
.gn-qs__btn:hover{background:var(--color-accent-hover)}
.gn-qs__note{font-family:"Inter",system-ui,sans-serif;font-weight:600;font-size:14px;color:var(--color-muted)}
@media (max-width:1199px){
  .gn-qs__in{min-height:360px}
  .gn-qs__quote{font-size:32px;max-width:480px}
  .gn-qs__fade{background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 46%,rgba(255,255,255,.55) 66%,rgba(255,255,255,0) 95%)}
}
@media (max-width:767px){
  .gn-qs{display:flex;flex-direction:column}
  .gn-qs__in{order:1;min-height:0;padding:48px var(--space-side) 32px;gap:18px}
  .gn-qs__img{order:2;position:static;height:240px;object-position:70% 20%}
  .gn-qs__fade{display:none}
  .gn-qs__quote{font-size:28px;max-width:none}
  .gn-qs__btn{width:100%;justify-content:center;box-sizing:border-box}
}

/* =================== EARTHMOVERS GALLERY - v81 (Gallery B2: badi photo + thumbnails, white) =================== */
.gn-gv{display:flex;gap:32px;align-items:stretch}
.gn-gv__main{position:relative;flex:1 1 auto;min-width:0;aspect-ratio:16/10;border-radius:8px;overflow:hidden;background:#0A1420}
.gn-gv__main img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;animation:gnGvIn .35s ease}
@keyframes gnGvIn{from{opacity:.4}to{opacity:1}}
.gn-gv__shade{position:absolute;left:0;right:0;bottom:0;height:45%;background:linear-gradient(180deg,rgba(10,20,32,0) 0%,rgba(10,20,32,.88) 100%)}
.gn-gv__bar{position:absolute;left:28px;right:28px;bottom:24px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.gn-gv__cap{display:flex;flex-direction:column;gap:8px;min-width:0}
.gn-gv__tag{align-self:flex-start;font-family:"Inter",system-ui,sans-serif;font-weight:800;font-size:11px;letter-spacing:.12em;color:var(--color-on-accent);background:var(--color-accent);padding:4px 9px;border-radius:3px}
.gn-gv__t{font-family:"Outfit",system-ui,sans-serif;font-weight:800;font-size:26px;line-height:1.2;color:#fff}
.gn-gv__nav{display:flex;align-items:center;gap:12px;flex-shrink:0}
.gn-gv__count{font-family:"Inter",system-ui,sans-serif;font-weight:600;font-size:14px;color:#C9D4E3}
.gn-gv__btn{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(10,20,32,.6);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .15s}
.gn-gv__btn:hover{background:rgba(10,20,32,.85)}
.gn-gv__btn--next{border:0;background:var(--color-accent);color:var(--color-on-accent)}
.gn-gv__btn--next:hover{background:var(--color-accent-hover)}
.gn-gv__btn:focus-visible,.gn-gv__th:focus-visible{outline:2px solid var(--color-blue-light);outline-offset:3px}
.gn-gv__thumbs{list-style:none;margin:0;padding:0;width:260px;flex-shrink:0;display:flex;flex-direction:column;gap:12px}
.gn-gv__th{display:flex;gap:12px;align-items:center;width:100%;padding:6px;border-radius:8px;border:2px solid #E2E8F0;background:#fff;cursor:pointer;text-align:left;opacity:.8;transition:border-color .15s,opacity .15s}
.gn-gv__th:hover{opacity:1}
.gn-gv__th.is-on{border-color:var(--color-accent);opacity:1}
.gn-gv__th img{width:84px;height:62px;object-fit:cover;border-radius:5px;display:block;flex-shrink:0}
.gn-gv__th span{font-family:"Inter",system-ui,sans-serif;font-weight:700;font-size:11px;letter-spacing:.1em;color:#0F172A}
@media (max-width:1023px){
  .gn-gv{flex-direction:column;gap:16px}
  .gn-gv__thumbs{width:auto;flex-direction:row;overflow-x:auto;gap:10px;padding-bottom:4px}
  .gn-gv__thumbs li{flex:0 0 auto}
  .gn-gv__th{width:auto}
  .gn-gv__th span{display:none}
  .gn-gv__th img{width:110px;height:80px}
}
@media (max-width:767px){
  .gn-gv__main{aspect-ratio:4/3}
  .gn-gv__bar{left:16px;right:16px;bottom:14px;gap:12px}
  .gn-gv__t{font-size:17px}
  .gn-gv__count{display:none}
  .gn-gv__btn{width:40px;height:40px}
  .gn-gv__th img{width:84px;height:62px}
}

/* =================== EARTHMOVERS CREW - v82 (Crew B: team photos + 4 points) =================== */
.gn-crew{display:flex;gap:64px;align-items:center}
.gn-crew__media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:600px;flex-shrink:0}
.gn-crew__big{width:100%;height:420px;object-fit:cover;border-radius:8px;display:block}
.gn-crew__col{display:flex;flex-direction:column;gap:16px}
.gn-crew__small{width:100%;height:250px;object-fit:cover;border-radius:8px;display:block}
.gn-crew__stat{flex-grow:1;border-radius:8px;background:#0A1420;padding:22px;display:flex;flex-direction:column;justify-content:center;gap:6px}
.gn-crew__stat b{font-family:"Outfit",system-ui,sans-serif;font-weight:900;font-size:40px;line-height:1;color:var(--color-accent)}
.gn-crew__stat span{font-family:"Inter",system-ui,sans-serif;font-weight:600;font-size:13px;line-height:1.4;color:#C9D4E3}
.gn-crew__body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:20px}
.gn-crew__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.gn-crew__list li{display:flex;gap:18px;align-items:flex-start;padding:18px 0;border-bottom:1px solid #E2E8F0}
.gn-crew__n{font-family:"Outfit",system-ui,sans-serif;font-weight:900;font-size:26px;line-height:1;color:var(--color-accent);width:40px;flex-shrink:0}
.gn-crew__list h3{margin:0 0 4px;font-family:"Outfit",system-ui,sans-serif;font-weight:800;font-size:19px;color:#0F172A}
.gn-crew__list p{margin:0;font-family:"Inter",system-ui,sans-serif;font-size:14px;line-height:1.6;color:#475569}
@media (max-width:1199px){
  .gn-crew{gap:40px}
  .gn-crew__media{width:440px}
  .gn-crew__big{height:340px}
  .gn-crew__small{height:200px}
}
@media (max-width:1023px){
  .gn-crew{flex-direction:column-reverse;align-items:stretch;gap:32px}
  .gn-crew__media{width:auto}
}
@media (max-width:767px){
  .gn-crew__big{height:260px}
  .gn-crew__small{height:150px}
  .gn-crew__stat{padding:16px}
  .gn-crew__stat b{font-size:32px}
}

/* =================== CLIENTS LOGO WALL - v85 (Option A: saaf grid + CTA) =================== */
.gn-cwall{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid #E2E8F0;border-left:1px solid #E2E8F0}
.gn-cwall>li{height:132px;box-sizing:border-box;border-right:1px solid #E2E8F0;border-bottom:1px solid #E2E8F0;display:flex;align-items:center;justify-content:center;padding:18px 22px;background:#fff}
.gn-cwall>li img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.gn-cwall>li.gn-cwall__cta{grid-column:span 2;background:#0A1420;justify-content:space-between;gap:16px;padding:0 28px}
.gn-cwall__cta>span{font-family:"Outfit",system-ui,sans-serif;font-weight:800;font-size:20px;line-height:1.25;color:#fff;max-width:190px}
.gn-cwall__btn{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;background:var(--color-accent);color:var(--color-on-accent);font-family:"Inter",system-ui,sans-serif;font-weight:700;font-size:14px;padding:14px 18px;border-radius:4px;transition:background-color .15s}
.gn-cwall__btn:hover{background:var(--color-accent-hover)}
@media (max-width:1023px){.gn-cwall{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:767px){
  .gn-cwall{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gn-cwall>li{height:100px;padding:14px 16px}
  .gn-cwall>li.gn-cwall__cta{height:auto;flex-direction:column;align-items:flex-start;padding:22px 20px}
  .gn-cwall__cta>span{max-width:none}
}

/* v88 - Contact hero: nayi photo (helmet + drawings), mobile par helmet dikhe */
.gn-contact .gn-phero__bg img{object-position:72% center}

/* =================== CONTACT FORM - v89 (Option B: halka grey background, form safed card mein) =================== */
.gn-gt2{background:#F5F7FA;border-top:1px solid #E2E8F0}
.gn-gt2__eyebrow-bar{background:var(--color-accent)}
.gn-gt2__eyebrow-txt{color:#475569}
.gn-gt2__h2{color:#0F172A}
.gn-gt2__h2 em{color:var(--color-accent)}
.gn-gt2__lead{color:#475569}
.gn-gt2__label-sm{color:#64748B}
.gn-gt2__pill{background:#fff;border:1px solid #E2E8F0;padding:10px 16px;transition:border-color .15s}
.gn-gt2__pill:hover{border-color:#94A3B8}
.gn-gt2__pill svg{stroke:#475569}
.gn-gt2__pill span{color:#0F172A;font-weight:700}
.gn-gt2__pill--mail svg{stroke:#475569}
.gn-gt2__pill--mail span{color:var(--color-accent-deep);font-weight:600}
.gn-gt2__office p{color:#0F172A;font-size:14px}
.gn-gt2__divider{display:none}
.gn-gt2__form{background:#fff;border:1px solid #E2E8F0;border-top:4px solid var(--color-accent);border-radius:16px;box-shadow:0 12px 32px rgba(15,23,42,.08);padding:40px}
.gn-gt2__need-label{color:#0F172A}
.gn-gt2__need-label em,.gn-gt2__flab em{color:#D97706}
.gn-gt2__needs{background:#EEF2F6}
.gn-gt2__need{border:1.5px solid transparent}
.gn-gt2__need-t{color:#0F172A}
.gn-gt2__need-s{color:#475569}
.gn-gt2__need.is-active{background:#fff;border-color:var(--color-accent);box-shadow:0 1px 3px rgba(15,23,42,.08)}
.gn-gt2__need.is-active .gn-gt2__need-t{color:var(--color-accent-deep)}
.gn-gt2__need:focus-visible{outline:2px solid var(--color-blue-light);outline-offset:2px}
.gn-gt2__flab{color:#0F172A;font-weight:700}
.gn-gt2__input,.gn-gt2__select,.gn-gt2__textarea{background-color:#fff;border-color:#CBD5E1;color:#0F172A}
.gn-gt2__input::placeholder,.gn-gt2__textarea::placeholder{color:#64748B}
.gn-gt2__select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%230F172A' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
.gn-gt2__select option{background:#fff;color:#0F172A}
.gn-gt2__input:focus,.gn-gt2__select:focus,.gn-gt2__textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(242,176,30,.25)}
.gn-gt2__btn--wa{background:#25D366;color:#0B1F12}
.gn-gt2__btn--wa:hover{background:#1FB457}
.gn-gt2__btn--mail{background:#fff;border:1.5px solid #0F172A;color:#0F172A}
.gn-gt2__btn--mail:hover{background:#F1F5F9}
@media (max-width:640px){.gn-gt2__form{padding:24px 18px}}
.gn-gt2__pill,.gn-gt2__pill--mail{color:#475569}

/* ---- v94: PROJECTS page - Selected projects (cards + filter) ---- */
.gn-prj__top{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}
.gn-prj__top .gn-sec__head{max-width:640px}
.gn-prj__chips{display:flex;flex-wrap:wrap;gap:10px;flex-shrink:0}
.gn-prj__chip{padding:12px 18px;border-radius:999px;border:1.5px solid #CBD5E1;background:#fff;color:#0F172A;
  font-family:"Inter",system-ui,sans-serif;font-weight:700;font-size:14px;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.gn-prj__chip:hover{border-color:#0A1420}
.gn-prj__chip.is-on{background:#0A1420;border-color:#0A1420;color:#fff}
.gn-prj__chip:focus-visible{outline:3px solid #F2B01E;outline-offset:2px}
.gn-prj__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.gn-prj__card{display:flex;flex-direction:column;border:1px solid #E2E8F0;border-radius:10px;overflow:hidden;background:#fff;
  transition:box-shadow .25s,transform .25s}
.gn-prj__card:hover{box-shadow:0 12px 28px rgba(15,23,42,.10);transform:translateY(-3px)}
.gn-prj__img{position:relative;width:100%;aspect-ratio:3/2;background:#E2E8F0}
.gn-prj__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.gn-prj__tag{position:absolute;left:14px;top:14px;padding:5px 10px;border-radius:3px;font-family:"Inter",system-ui,sans-serif;
  font-weight:800;font-size:11px;letter-spacing:.1em}
.gn-prj__tag--earthmovers{background:#E0F2FE;color:#075985}
.gn-prj__tag--infra{background:#FFF4D6;color:#8A5A00}
.gn-prj__tag--both{background:#EEF2F6;color:#334155}
.gn-prj__body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:12px;flex:1}
.gn-prj__name{margin:0;font-family:"Outfit",system-ui,sans-serif;font-weight:800;font-size:21px;color:#0F172A}
.gn-prj__meta{display:flex;flex-direction:column;gap:6px;font-family:"Inter",system-ui,sans-serif;font-size:14px;color:#475569}
.gn-prj__meta span{display:flex;align-items:center;gap:8px}
.gn-prj__meta svg{flex:none}
.gn-prj__pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:14px;border-top:1px solid #E2E8F0}
.gn-prj__pills span{padding:5px 10px;border-radius:999px;background:#F5F7FA;font-family:"Inter",system-ui,sans-serif;
  font-weight:600;font-size:12px;color:#0F172A}
@media (max-width:1199px){
  .gn-prj__top{flex-direction:column;align-items:flex-start;gap:24px}
  .gn-prj__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
}
@media (max-width:767px){
  .gn-prj__grid{grid-template-columns:1fr;gap:18px}
  .gn-prj__chips{flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding-bottom:4px;-webkit-overflow-scrolling:touch}
  .gn-prj__chip{padding:10px 14px;font-size:13px;white-space:nowrap}
}

/* ---- v98: contact details (enquiry + footer) ---- */
.gn-gt2__mail-lab{font-family:"Inter",system-ui,sans-serif;font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#64748B;margin-right:2px}
.gn-gt2__pill.gn-gt2__pill--mail{display:inline-grid;grid-template-columns:auto 1fr;column-gap:10px;row-gap:2px;align-items:center;border-radius:14px;max-width:100%}
.gn-gt2__pill--mail svg{grid-row:1 / span 2}
.gn-gt2__pill--mail .gn-gt2__mail-lab{grid-column:2;line-height:1.2;font-size:10px}
.gn-gt2__pill--mail span{grid-column:2}
.gn-gt2__addr{font-family:"Inter",system-ui,sans-serif;font-size:14px;line-height:1.5;color:#0F172A;text-decoration:underline;text-decoration-color:rgba(15,23,42,.25);text-underline-offset:3px}
.gn-gt2__addr:hover{text-decoration-color:currentColor}
.gn-foot2__mail{display:flex;flex-direction:column;gap:2px;margin-top:6px}
.gn-foot2__mail span{font-family:"Inter",system-ui,sans-serif;font-weight:700;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:rgba(138,160,186,.7)}
.gn-foot2__mail a{overflow-wrap:normal;word-break:normal}
@media (max-width:767px){
  .gn-gt2__pill--mail span{font-size:12.5px}
  .gn-foot2__mail a{font-size:12px;overflow-wrap:anywhere}
  .gn-foot2__row>.gn-foot2__col:nth-child(2){flex:0 0 auto}
  .gn-foot2__row{column-gap:28px}
}

/* ---- v105: ABOUT - Story / Vision & Mission / Timeline alag sections ---- */
.gn-st{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.gn-st__main,.gn-st__side{display:flex;flex-direction:column;gap:20px}
.gn-st__lead{margin:4px 0 0;font-family:"Outfit",system-ui,sans-serif;font-weight:700;font-size:20px;line-height:1.4;color:#0F172A}
.gn-st__p{margin:0;font-family:"Inter",system-ui,sans-serif;font-size:15.5px;line-height:1.75;color:#475569}
.gn-st__p strong{color:#0F172A;font-weight:700}
.gn-st__verts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px}
.gn-st__v{padding:22px;border:1px solid #E2E8F0;border-top:4px solid #1E88E5;border-radius:10px;background:#fff;display:flex;flex-direction:column;gap:10px}
.gn-st__v--in{border-top-color:#F2B01E}
.gn-st__ico{color:#1E88E5;display:block}
.gn-st__v--in .gn-st__ico{color:#E07B1A}
.gn-st__v h3{margin:0;font-family:"Outfit",system-ui,sans-serif;font-weight:800;font-size:16px;letter-spacing:.02em;color:#0F172A}
.gn-st__v p{margin:0;font-family:"Inter",system-ui,sans-serif;font-size:14px;line-height:1.6;color:#475569}
.gn-st__close{margin:4px 0 0;padding-left:18px;border-left:3px solid #F2B01E;font-family:"Outfit",system-ui,sans-serif;font-weight:700;font-size:18px;line-height:1.5;color:#0F172A}
.gn-avm__row{display:grid;grid-template-columns:1fr 1fr;gap:56px}
.gn-avm__i{display:flex;flex-direction:column;gap:14px}
.gn-avm__h{margin:0;font-family:"Outfit",system-ui,sans-serif;font-weight:800;font-size:34px;letter-spacing:.02em;color:#fff}
.gn-avm__bar{display:block;width:72px;height:3px;background:#F2B01E;margin-top:-6px}
.gn-avm__p{margin:0;font-family:"Inter",system-ui,sans-serif;font-size:17px;line-height:1.75;color:#CBD5E1;max-width:52ch}
.gn-avm__feats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding-top:32px;border-top:1px solid rgba(255,255,255,.12)}
.gn-avm__f{display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.gn-avm__fi{color:#F2B01E;display:block}
.gn-avm__f h4{margin:4px 0 0;font-family:"Outfit",system-ui,sans-serif;font-weight:800;font-size:16px;color:#fff}
.gn-avm__f p{margin:0;font-family:"Inter",system-ui,sans-serif;font-size:14px;line-height:1.6;color:#CBD5E1}
.gn-rail{display:flex;flex-direction:column;gap:18px}
.gn-rail__groups{display:grid;grid-template-columns:1fr 1fr;column-gap:28px}
.gn-rail__g{display:block;padding-bottom:10px;border-top:2px solid #CBD5E1;padding-top:10px;font-family:"Inter",system-ui,sans-serif;font-weight:800;font-size:12px;letter-spacing:.12em;color:#475569}
.gn-rail__g--co{border-top-color:#F2B01E}
.gn-rail__list{position:relative;margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:28px}
.gn-rail__list::before{content:"";position:absolute;left:0;right:0;top:10px;height:2px;background:#E2E8F0}
.gn-rail__i{position:relative;display:flex;flex-direction:column;gap:8px}
.gn-rail__dot{display:block;width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid #94A3B8;box-sizing:border-box;margin-bottom:10px}
.gn-rail__y{font-family:"Inter",system-ui,sans-serif;font-weight:800;font-size:13px;letter-spacing:.04em;color:#64748B}
.gn-rail__r{margin:0;font-family:"Outfit",system-ui,sans-serif;font-weight:800;font-size:19px;letter-spacing:.02em;color:#0F172A}
.gn-rail__d{margin:0;font-family:"Inter",system-ui,sans-serif;font-size:14px;line-height:1.6;color:#475569}
.gn-rail__i--em .gn-rail__dot{background:#1E88E5;border-color:#1E88E5}
.gn-rail__i--em .gn-rail__y{color:#1565C0;font-size:15px}
.gn-rail__i--in .gn-rail__dot{background:#F2B01E;border-color:#F2B01E}
.gn-rail__i--in .gn-rail__y{color:#8A5A00;font-size:15px}
.gn-rail__i--now .gn-rail__dot{background:#0A1420;border-color:#F2B01E}
.gn-rail__i--now .gn-rail__y{color:#0F172A;font-size:15px}
@media (max-width:1199px){
  .gn-st{grid-template-columns:1fr;gap:40px}
  .gn-avm__feats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gn-rail__groups{display:none}
  .gn-rail__list{grid-template-columns:1fr;row-gap:26px;padding-left:36px}
  .gn-rail__list::before{left:10px;right:auto;top:6px;bottom:6px;width:2px;height:auto}
  .gn-rail__dot{position:absolute;left:-36px;top:0;margin:0}
}
@media (max-width:767px){
  .gn-st__verts,.gn-avm__row,.gn-avm__feats{grid-template-columns:1fr}
  .gn-avm__row{gap:36px}
  .gn-avm__h{font-size:28px}
  .gn-avm__p{font-size:16px}
  .gn-st__lead{font-size:18px}
}

/* ---- v106: ABOUT - The Story "Founder band" ---- */
.gn-fs .gn-sec__inner{gap:56px}
.gn-fs__head{display:grid;grid-template-columns:1fr 1fr;column-gap:72px;align-items:end}
.gn-fs__intro{display:flex;flex-direction:column;gap:14px}
.gn-fs__lead{margin:0;font-family:"Outfit",system-ui,sans-serif;font-weight:700;font-size:22px;line-height:1.4;color:#0F172A}
.gn-fs__p{margin:0;font-family:"Inter",system-ui,sans-serif;font-size:16px;line-height:1.75;color:#475569}
.gn-fs__p strong{color:#0F172A;font-weight:700}
.gn-fs__band{display:grid;grid-template-columns:400px minmax(0,1fr);border-radius:16px;overflow:hidden;background:#0A1420;color:#fff}
.gn-fs__ph{position:relative;min-height:500px;background:#111E30;overflow:hidden}
.gn-fs__ph img{position:absolute;left:0;bottom:0;width:100%;height:auto;display:block}
.gn-fs__bt{padding:48px 56px;display:flex;flex-direction:column;gap:20px}
.gn-fs__lab{font-family:"Inter",system-ui,sans-serif;font-weight:800;font-size:12px;letter-spacing:.14em;color:#F2B01E}
.gn-fs__nm{display:flex;flex-direction:column;gap:4px}
.gn-fs__nm h3{margin:0;font-family:"Outfit",system-ui,sans-serif;font-weight:800;font-size:38px;line-height:1.1;color:#fff}
.gn-fs__nm span{font-family:"Inter",system-ui,sans-serif;font-size:15px;color:#C5D0DD}
.gn-fs__steps{position:relative;margin:0;padding:4px 0 0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:16px}
.gn-fs__steps::before{content:"";position:absolute;left:0;right:0;top:12px;height:2px;background:#22324A}
.gn-fs__steps li{position:relative;display:flex;flex-direction:column;gap:8px;font-family:"Outfit",system-ui,sans-serif;font-weight:800;font-size:17px;color:#fff}
.gn-fs__dot{display:block;width:18px;height:18px;border-radius:50%;background:#0A1420;border:3px solid #94A3B8;box-sizing:border-box}
.gn-fs__steps li.is-now .gn-fs__dot{background:#F2B01E;border-color:#F2B01E}
.gn-fs__story{margin:0;font-family:"Inter",system-ui,sans-serif;font-size:15.5px;line-height:1.75;color:#C5D0DD}
.gn-fs__verts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.gn-fs__v{display:grid;grid-template-columns:260px minmax(0,1fr);border:1px solid #E2E8F0;border-radius:12px;overflow:hidden;background:#fff}
.gn-fs__v>img{width:100%;height:100%;min-height:250px;object-fit:cover;display:block}
.gn-fs__vb{padding:28px;display:flex;flex-direction:column;gap:12px;border-top:4px solid #1E88E5}
.gn-fs__v--in .gn-fs__vb{border-top-color:#F2B01E}
.gn-fs__vi{display:block;color:#1E88E5}
.gn-fs__v--in .gn-fs__vi{color:#E07B1A}
.gn-fs__vb h3{margin:0;font-family:"Outfit",system-ui,sans-serif;font-weight:800;font-size:20px;letter-spacing:.02em;color:#0F172A}
.gn-fs__vb p{margin:0;font-family:"Inter",system-ui,sans-serif;font-size:15px;line-height:1.65;color:#475569}
.gn-fs__close{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding-top:36px;border-top:1px solid #E2E8F0}
.gn-fs__quote{margin:0;padding-left:20px;border-left:4px solid #F2B01E;font-family:"Outfit",system-ui,sans-serif;font-weight:700;font-size:22px;line-height:1.45;color:#0F172A}
@media (max-width:1199px){
  .gn-fs__head{grid-template-columns:1fr;row-gap:24px}
  .gn-fs__band{grid-template-columns:320px minmax(0,1fr)}
  .gn-fs__bt{padding:36px 36px}
  .gn-fs__verts{grid-template-columns:1fr}
  .gn-fs__close{grid-template-columns:1fr;gap:24px}
  .gn-fs__steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:14px}
  .gn-fs__steps::before{display:none}
  .gn-fs__steps li{flex-direction:row;align-items:center;gap:10px;font-size:16px}
}
@media (max-width:767px){
  .gn-fs .gn-sec__inner{gap:36px}
  .gn-fs__band{grid-template-columns:1fr}
  .gn-fs__ph{min-height:0;height:360px}
  .gn-fs__ph img{left:50%;width:312px;max-width:none;transform:translateX(-50%)}
  .gn-fs__bt{padding:28px 22px 30px;gap:18px}
  .gn-fs__nm h3{font-size:30px}
  .gn-fs__steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:14px}
  .gn-fs__steps::before{display:none}
  .gn-fs__steps li{flex-direction:row;align-items:center;gap:10px;font-size:16px}
  .gn-fs__v{grid-template-columns:1fr}
  .gn-fs__v>img{height:200px;min-height:0}
  .gn-fs__vb{padding:22px}
  .gn-fs__lead{font-size:19px}
  .gn-fs__quote{font-size:19px}
}

/* ---- v108: Founder patti + Vision & Mission ab safed background par ---- */
.gn-fs__band{background:#fff;color:#0F172A;border:1px solid #E2E8F0;box-shadow:0 10px 30px rgba(15,23,42,.06)}
.gn-fs__ph{background:#F1F5F9}
.gn-fs__lab{color:#B7860B}
.gn-fs__nm h3{color:#0F172A}
.gn-fs__nm span{color:#64748B}
.gn-fs__steps::before{background:#E2E8F0}
.gn-fs__steps li{color:#0F172A}
.gn-fs__dot{background:#fff;border-color:#94A3B8}
.gn-fs__story{color:#475569}
.gn-avm{background:#fff;border-top:1px solid #E2E8F0}
.gn-avm .gn-avm__h{color:#0F172A}
.gn-avm .gn-avm__p{color:#475569}
.gn-avm .gn-avm__feats{border-top-color:#E2E8F0}
.gn-avm .gn-avm__f{background:#F8FAFC;border-color:#E2E8F0}
.gn-avm .gn-avm__fi{color:#E0A00F}
.gn-avm .gn-avm__f h4{color:#0F172A}
.gn-avm .gn-avm__f p{color:#475569}

/* ---- v111: EARTHMOVERS - People & safety (profile jaisa, gehra neela) ---- */
.gn-ps{background:#061526;color:#fff}
.gn-ps__grid{display:grid;grid-template-columns:5fr 7fr;gap:72px;align-items:start}
.gn-ps__side{display:flex;flex-direction:column;gap:14px}
.gn-ps__eyebrow{display:flex;align-items:center;gap:12px}
.gn-ps__eyebrow i{display:block;width:28px;height:3px;background:#F2B01E}
.gn-ps__eyebrow span{font-family:"Inter",system-ui,sans-serif;font-weight:700;font-size:14px;letter-spacing:.08em;color:#F2B01E}
.gn-ps__h2{margin:6px 0 0;font-family:"Outfit",system-ui,sans-serif;font-weight:800;font-size:52px;line-height:1.02;letter-spacing:.01em;color:#2E9BF0}
.gn-ps__sub{margin:0;font-family:"Outfit",system-ui,sans-serif;font-weight:600;font-size:22px;color:#fff}
.gn-ps__media{position:relative;margin-top:18px;border-radius:12px;overflow:hidden}
.gn-ps__media img{display:block;width:100%;height:360px;object-fit:cover}
.gn-ps__stat{position:absolute;left:16px;bottom:16px;right:16px;max-width:300px;display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:10px;background:#0A1420;border-left:4px solid #F2B01E}
.gn-ps__stat b{font-family:"Outfit",system-ui,sans-serif;font-weight:800;font-size:36px;line-height:1;color:#F2B01E}
.gn-ps__stat span{font-family:"Inter",system-ui,sans-serif;font-size:13px;line-height:1.4;color:#C5D0DD}
.gn-ps__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}
.gn-ps__list li{position:relative;padding:18px 0 20px}
.gn-ps__list li::after{content:"";position:absolute;left:-24px;bottom:0;width:150px;height:2px;background:#2E9BF0}
.gn-ps__list li:first-child{padding-top:0}
.gn-ps__list h3{margin:0 0 6px;font-family:"Outfit",system-ui,sans-serif;font-weight:700;font-size:21px;color:#fff}
.gn-ps__list p{margin:0;font-family:"Inter",system-ui,sans-serif;font-size:15.5px;line-height:1.6;color:#C5D0DD}
@media (max-width:1199px){
  .gn-ps__grid{grid-template-columns:1fr;gap:40px}
  .gn-ps__list li::after{left:0}
}
@media (max-width:767px){
  .gn-ps__h2{font-size:38px}
  .gn-ps__sub{font-size:19px}
  .gn-ps__media img{height:260px}
  .gn-ps__list h3{font-size:18px}
  .gn-ps__list p{font-size:15px}
}

/* v112 */
.gn-ps__media img{object-position:center 20%}

/* v113 */
.gn-ps__media img{object-position:center 30%}

/* ---- v114: INFRA - intro + Who we supply ---- */
.gn-ini__grid{display:grid;grid-template-columns:7fr 5fr;gap:72px;align-items:center}
.gn-ini__main{display:flex;flex-direction:column;gap:18px}
.gn-ini__lead{margin:0;font-family:"Outfit",system-ui,sans-serif;font-weight:700;font-size:22px;line-height:1.4;color:#0F172A}
.gn-ini__p{margin:0;font-family:"Inter",system-ui,sans-serif;font-size:16.5px;line-height:1.75;color:#475569;max-width:62ch}
.gn-ini__who{padding:32px;border-radius:14px;background:#0A1420;color:#fff;border-top:4px solid #F2B01E}
.gn-ini__who h3{margin:0 0 18px;font-family:"Outfit",system-ui,sans-serif;font-weight:800;font-size:20px;letter-spacing:.04em;color:#F2B01E}
.gn-ini__who ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px}
.gn-ini__who li{display:flex;align-items:center;gap:12px;font-family:"Inter",system-ui,sans-serif;font-size:16px;color:#E2E8F0}
.gn-ini__tick{flex:none;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#F2B01E;color:#0A1420;font-weight:800;font-size:13px}
@media (max-width:1023px){.gn-ini__grid{grid-template-columns:1fr;gap:32px}}
@media (max-width:767px){.gn-ini__who{padding:24px}.gn-ini__lead{font-size:19px}}

/* v116: Projects - Active / Past tabs */
.gn-prj__chip{letter-spacing:.06em;font-size:13px;padding:13px 22px}

/* ================================================================
   v118: MOBILE / iPHONE FIXES
   ================================================================ */
/* media kabhi apne dabbe se bahar na jaaye */
img, video, iframe {
  max-width: 100%;
  height: auto;
  display: block;
}
/* iPhone: side-scroll band (sticky header safe - "clip") */
html, body { max-width: 100%; overflow-x: clip; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
/* grid/flex ke andar lambe shabd dabba na tode */
.gn-fs__head > *, .gn-fs__band > *, .gn-fs__verts > *, .gn-fs__close > *,
.gn-ps__grid > *, .gn-ini__grid > *, .gn-avm__row > *, .gn-avm__feats > *,
.gn-prj__grid > *, .gn-prj__top > * { min-width: 0; }
h1, h2, h3 { overflow-wrap: break-word; }
/* People & safety heading chhoti screen par fit */
.gn-ps__h2 { font-size: clamp(30px, 9.5vw, 52px); }
@media (max-width: 767px) {
  /* iPhone input par tap karte hi zoom na kare (16px se kam font par Safari zoom karta hai) */
  input, select, textarea { font-size: 16px !important; }
  /* bahut chhote labels padhne layak */
  .gn-gt2__pill--mail .gn-gt2__mail-lab, .gn-foot2__mail span { font-size: 11px; }
}
/* iPhone Safari: 100vh address bar ke peeche chhup jaata hai */
@supports (height: 100svh) { .h-screen { height: 100svh; } }
@media (max-width: 767px) {
  .gn-fl__qty { font-size: 11px; }
  .gn-vcontent .label { font-size: 11px !important; }
}
/* v118: mobile header - "Get a quote" button kabhi 2 line mein na toote; bahut chhote phone (<360px)
   par chhupa do, kyunki neeche ki patti mein "Get a quote" pehle se hai */
.gn-navbar .gn-b--out-d { white-space: nowrap; }
@media (max-width: 359px) { .gn-navbar .gn-b--out-d { display: none !important; } }

/* ================================================================
   v119: MOBILE - photo cards 2 column mein (page chhota, scroll kam)
   ================================================================ */
@media (max-width: 640px) {
  .gn-grid--fleet, .gn-grid--mats { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px !important; }
  .gn-grid--mats .gn-pc__img { aspect-ratio: 1 / 1; }
  .gn-grid--mats .gn-pc__t { font-size: 14.5px; }
  .gn-grid--mats .gn-pc__d { font-size: 12px; }
  .gn-grid--fleet .gn-fl__n { font-size: 14.5px; }
  .gn-grid--fleet .gn-fl__u { font-size: 12px; }
  /* Home "Two firms one accountability" - 8 stage, 2 per line */
  .gn-life2__stage-lbl, .gn-life2__card { flex: 1 1 40%; }
  .gn-life2__grid { row-gap: 22px; }
}

/* =================== HOME: ONGOING PROJECTS (v122) - card + video (play icon) =================== */
.gn-og__live{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:3px;background:#16804B;color:#fff;
  font-family:"Inter",system-ui,sans-serif;font-size:11px;font-weight:800;letter-spacing:1px;line-height:1.4}
.gn-og__live i{display:block;width:7px;height:7px;border-radius:50%;background:#fff;animation:gnOgPulse 1.6s ease-in-out infinite}
@keyframes gnOgPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}
.gn-og__logo{display:inline-flex;align-items:center;justify-self:start;height:84px;padding:6px 10px;background:#fff;border-radius:6px}
.gn-og__logo img{display:block;height:100%;width:auto;max-width:170px;object-fit:contain}
.gn-og__note{margin:0;font-family:"Inter",system-ui,sans-serif;font-size:14px;font-weight:600;line-height:1.5;color:#F2B01E}
.gn-ogc{display:grid;grid-template-columns:minmax(0,1fr) 300px;min-height:380px;border-radius:10px;overflow:hidden;background:#061B33}
.gn-ogc__text{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px;padding:36px 44px;background:linear-gradient(135deg,#0B2542 0%,#061B33 100%)}
.gn-ogc__id{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"logo top" "logo name" "logo note" "logo meta";column-gap:20px;row-gap:6px;align-items:center}
.gn-ogc__id .gn-og__logo{grid-area:logo}
.gn-ogc__top{grid-area:top;display:flex}
.gn-ogc__name{grid-area:name;margin:0;font-family:"Outfit",system-ui,sans-serif;font-weight:900;font-size:38px;line-height:1.05;color:#fff}
.gn-ogc__id .gn-og__note{grid-area:note}
.gn-ogc__meta{grid-area:meta;margin:0;font-family:"Inter",system-ui,sans-serif;font-size:15px;color:#E2E8F0}
.gn-ogc__p{margin:0;max-width:640px;font-family:"Inter",system-ui,sans-serif;font-size:14px;line-height:1.65;color:#CBD5E1}
.gn-ogc__btn{margin-top:6px}
.gn-ogc__media{position:relative;background:#0A1420}
.gn-ogc__v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.gn-ogc__play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;width:100%;padding:0;border:0;cursor:pointer;
  background:linear-gradient(0deg,rgba(6,27,51,.45),rgba(6,27,51,.1))}
.gn-ogc__play span{position:relative;display:block;width:72px;height:72px;border-radius:50%;background:#F2B01E;box-shadow:0 0 0 0 rgba(242,176,30,.6);
  animation:gnOgPlay 2s infinite;transition:transform .25s cubic-bezier(.16,1,.3,1)}
.gn-ogc__play span::after{content:"";position:absolute;left:29px;top:22px;border-left:20px solid #1A1204;border-top:14px solid transparent;border-bottom:14px solid transparent}
.gn-ogc__play:hover span{transform:scale(1.08)}
.gn-ogc__play:focus-visible{outline:3px solid #F2B01E;outline-offset:-6px}
@keyframes gnOgPlay{0%{box-shadow:0 0 0 0 rgba(242,176,30,.6)}70%{box-shadow:0 0 0 18px rgba(242,176,30,0)}100%{box-shadow:0 0 0 0 rgba(242,176,30,0)}}
.gn-ogc > *{min-width:0}
@media (max-width:1100px){.gn-ogc{grid-template-columns:minmax(0,1fr) 260px}}
@media (max-width:640px){
  .gn-ogc{grid-template-columns:1fr;min-height:0}
  .gn-ogc__media{order:-1;aspect-ratio:1/1}
  .gn-ogc__text{padding:24px 20px}
  .gn-ogc__name{font-size:30px}
    .gn-ogc__id{grid-template-columns:1fr;grid-template-areas:"top" "logo" "name" "note" "meta"}
  .gn-og__logo{height:52px}
}
@media (prefers-reduced-motion:reduce){.gn-og__live i,.gn-ogc__play span{animation:none}}

/* =================== PROJECTS page: gallery (v134, Option 2 - Card + grid) =================== */
.gn-pgal__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.gn-pgal__t{position:relative;display:block;width:100%;aspect-ratio:4/3;padding:0;border:0;border-radius:8px;overflow:hidden;background:#0A1420;cursor:pointer}
.gn-pgal__t img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.gn-pgal__t:hover img{transform:scale(1.06)}
.gn-pgal__t:focus-visible{outline:3px solid #F2B01E;outline-offset:2px}
.gn-pgal__play{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:#F2B01E;animation:gnOgPlay 2s infinite}
.gn-pgal__play::after{content:"";position:absolute;left:21px;top:16px;border-left:15px solid #1A1204;border-top:10px solid transparent;border-bottom:10px solid transparent}
.gn-pgal__lb{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px 72px;background:rgba(3,10,20,.92)}
.gn-pgal__lb img,.gn-pgal__lb video{max-width:100%;max-height:88vh;border-radius:10px;background:#000}
.gn-pgal__x{position:absolute;right:20px;top:20px;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#061B33;font-size:22px;cursor:pointer}
.gn-pgal__nav{position:absolute;top:50%;width:48px;height:48px;margin-top:-24px;border:0;border-radius:50%;background:#F2B01E;color:#1A1204;font-size:26px;line-height:1;cursor:pointer}
.gn-pgal__nav--p{left:16px}.gn-pgal__nav--n{right:16px}
.gn-pgal__x:focus-visible,.gn-pgal__nav:focus-visible{outline:3px solid #fff;outline-offset:2px}
@media (max-width:1024px){.gn-pgal__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){
  .gn-pgal__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .gn-pgal__play{width:44px;height:44px;margin:-22px 0 0 -22px}
  .gn-pgal__play::after{left:17px;top:13px;border-left-width:13px;border-top-width:9px;border-bottom-width:9px}
  .gn-pgal__lb{padding:64px 12px 84px}
  .gn-pgal__nav{top:auto;bottom:20px;margin:0}
}
@media (prefers-reduced-motion:reduce){.gn-pgal__play{animation:none}}

/* =================== CLIENTS page: Birla Estates spotlight (v136, Option 3) =================== */
.gn-clban{display:grid;grid-template-columns:420px minmax(0,1fr);border:1px solid #E2E8F0;border-radius:10px;overflow:hidden;background:#fff}
.gn-clban__logo{display:flex;align-items:center;justify-content:center;padding:32px;background:#FFFBEF;border-right:3px solid #F2B01E}
.gn-clban__logo img{display:block;max-width:100%;max-height:150px;width:auto;height:auto}
.gn-clban__txt{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;padding:32px 40px}
.gn-clban__tag{display:inline-block;padding:4px 8px;border-radius:3px;background:#F2B01E;color:#1A1204;font:800 10px/1.4 "Inter",system-ui,sans-serif;letter-spacing:1.2px}
.gn-clban__h{margin:0;font:900 34px/1.1 "Outfit",system-ui,sans-serif;color:#0F172A}
.gn-clban__p{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0;font:500 15px/1.5 "Inter",system-ui,sans-serif;color:#475569}
.gn-cwall--ft > li.gn-cwall__cta{grid-column:span 3}
@media (max-width:1024px){
  .gn-clban{grid-template-columns:1fr}
  .gn-clban__logo{border-right:0;border-bottom:3px solid #F2B01E}
  .gn-cwall--ft > li.gn-cwall__cta{grid-column:span 3}
}
@media (max-width:640px){
  .gn-clban__txt{padding:22px 20px}
  .gn-clban__h{font-size:26px}
  .gn-cwall--ft > li.gn-cwall__cta{grid-column:span 2}
  .gn-cwall--ft > li:nth-last-child(2){grid-column:span 2}
}

/* v140: mobile hero photo poora section bhare (base img{height:auto} h-full ko override kar raha tha) */
.gn-hero-sec > .absolute > img{height:100%!important;max-width:none}

/* =================== v141: RESPONSIVE FIXES (tablet + mobile) ===================
   Sirf chhote/medium screens ke liye; desktop (1200px+) design waisa hi. */

/* 1) Home "One group, two capabilities": 768-900px par Earthmovers/Infra panels
      upar-neeche aate hain, par dabba 660px fix tha -> Infra panel neeche wale
      banner ke peeche chhup jaata tha. Ab height content ke hisaab se. */
@media (min-width:768px) and (max-width:900px){
  .gn-vwrap2{height:auto!important}
}

/* 2) "Tell us about your site" form: tablet par form aadhi chaudai me tha,
      right side khaali. Ab poori chaudai. */
@media (max-width:1100px){
  .gn-gt2__form{align-self:stretch;width:100%}
}

/* 3) About > Founder card: tablet par photo neeche chhoti aur upar khaali jagah.
      768-1023: photo upar, text neeche (mobile jaisa). 1024-1199: photo poora column bharti hai. */
@media (min-width:768px) and (max-width:1023px){
  .gn-fs__band{grid-template-columns:1fr}
  .gn-fs__ph{min-height:0;height:400px}
  .gn-fs__ph img{left:50%;width:340px;max-width:none;transform:translateX(-50%)}
}
@media (min-width:1024px) and (max-width:1199px){
  .gn-fs__ph img{top:0;height:100%;object-fit:cover;object-position:50% 0}
}

/* 4) Home quote banner: "Machinery + materials..." line photo ke upar padh nahi aati thi */
@media (max-width:1100px){
  .gn-qs__note{background:rgba(255,255,255,.92);padding:6px 12px;border-radius:999px;color:#334155}
}

/* 5) Mobile: neeche ki Call/WhatsApp/Get a quote patti footer ki aakhri line dhak deti thi */
@media (max-width:767px){
  .gn-foot2__bottom{padding-bottom:calc(20px + 72px + env(safe-area-inset-bottom))}
}

/* 6) Tablet + desktop: "Chat with us" button footer ki aakhri line (Terms / Proudly Building) par aata tha */
@media (min-width:768px){
  .gn-foot2__bottom{padding-right:220px}
}

/* 7) Mobile form: "Anything else" box ka placeholder kat jaata tha */
@media (max-width:767px){
  .gn-gt2__form textarea{min-height:132px}
}

/* 8) Header: 1100-1199px par 7 menu links 10px me thoos ke aate the. Ab is range me
      bhi menu button (☰) jaise tablet par; 1200-1279 par links thode bade. */
@media (min-width:1100px) and (max-width:1199px){
  header nav.gn-navwrap{display:none!important}
  header button.md\:hidden{display:flex!important}
  header div.md\:hidden{display:block!important}
}
@media (min-width:1200px) and (max-width:1279px){
  .gn-nav{padding:0 9px;font-size:11px!important;letter-spacing:.08em!important}
}