/* Suryasetu Ventures — premium custom stylesheet */
:root{--sv-green:#0b6b3a;--sv-green-dark:#064b2a;--sv-gold:#fdb813;--sv-ink:#17231d;--sv-muted:#647067;--sv-radius:20px}
html{scroll-behavior:smooth;scroll-padding-top:86px}body{font-family:Lato,"Noto Sans Devanagari",Arial,sans-serif;color:var(--sv-ink);background:#fff;font-size:16px;line-height:1.68;font-weight:400;letter-spacing:0}h1,h2,h3,.font-display{font-family:Barlow,"Noto Sans Devanagari",sans-serif;font-weight:700;letter-spacing:-.025em}
header{box-shadow:0 8px 28px rgba(8,55,30,.08)!important;border-bottom:1px solid rgba(11,107,58,.07)}
header a,button{ -webkit-tap-highlight-color:transparent }
section[id]{scroll-margin-top:90px}
button,a{transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(253,184,19,.7);outline-offset:3px}
/* Cleaner cards, less clutter and stronger hierarchy */
.rounded-2xl{border-radius:var(--sv-radius)}
.shadow-md,.shadow-sm{box-shadow:0 10px 28px rgba(18,55,34,.07)}
#desktopHero{min-height:590px}#desktopHero [data-hero-slide],#mobileHero [data-hero-slide]{transition:opacity .65s ease;will-change:opacity}
.hero-slide{position:absolute!important;inset:0;opacity:0;pointer-events:none}.hero-slide.is-active{opacity:1;pointer-events:auto}
.hero-controls{position:absolute;z-index:30;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 14px;pointer-events:none}
.hero-arrow{pointer-events:auto;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.65);background:rgba(0,0,0,.38);color:white;font-size:25px;display:grid;place-items:center;backdrop-filter:blur(8px)}
.hero-arrow:hover{background:var(--sv-gold);color:#17231d;transform:scale(1.06)}
.hero-dots{position:absolute;z-index:31;left:50%;bottom:16px;transform:translateX(-50%);display:flex;gap:9px;align-items:center}
.hero-dot{width:9px;height:9px;border:0;border-radius:30px;background:rgba(255,255,255,.65);padding:0}.hero-dot.is-active{width:27px;background:var(--sv-gold)}
#mobileHero .hero-controls{padding:0 9px}#mobileHero .hero-arrow{width:34px;height:34px;font-size:20px}
#mobileHero .hero-dots{bottom:9px}.toast-solar{z-index:10000}
.mobile-menu-open{display:flex!important;position:absolute;top:100%;left:0;right:0;background:#fff;padding:16px 22px 20px;box-shadow:0 14px 24px rgba(0,0,0,.12);flex-direction:column;gap:15px;border-top:1px solid #edf1ed}
@media(max-width:1023px){#mainNav{display:none}#mainNav.mobile-menu-open{display:flex!important}}
@media(max-width:767px){#desktopHero{display:none!important}#mobileHero{display:block!important}.hero-dots{bottom:8px}.hero-arrow{width:34px;height:34px}section{overflow-x:clip}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Functional UI feedback */
.toast-solar{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#17231d;color:#fff;padding:12px 18px;border-radius:12px;box-shadow:0 10px 28px rgba(0,0,0,.2);font-size:14px;z-index:10050;transition:opacity .2s ease,transform .2s ease;max-width:calc(100vw - 32px);text-align:center}
.toast-solar.show{opacity:1;transform:translate(-50%,0)}
#mainNav.mobile-menu-open{display:flex!important}


/* Premium visual refinement */
:root{--sv-shadow:0 18px 48px rgba(12,52,31,.10);--sv-line:rgba(11,107,58,.12)}
body{letter-spacing:0}
#desktopHero{min-height:640px;background:#10251a}
#desktopHero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(3,24,13,.58),rgba(3,24,13,.16) 58%,rgba(3,24,13,.06));z-index:1}
#desktopHero>.relative.z-10{min-height:640px;align-content:center;padding-top:56px;padding-bottom:76px}
#desktopHero h1{max-width:760px;letter-spacing:-.045em;text-wrap:balance}
#desktopHero [data-hero-slide] img,#mobileHero [data-hero-slide] img{transform:scale(1.015);transition:transform 6s ease}
#desktopHero [data-hero-slide].is-active img,#mobileHero [data-hero-slide].is-active img{transform:scale(1.07)}
#desktopHero .hero-controls{padding:0 22px;z-index:25}
#mobileHero .hero-controls{padding:0 10px;z-index:25}
.hero-arrow{box-shadow:0 8px 24px rgba(0,0,0,.18)}
#mobileHero .hero-arrow{background:rgba(8,35,21,.52)}
.hero-dots{gap:8px}
main section:not(#desktopHero):not(#mobileHero){position:relative}
main section[id]:not(#desktopHero):not(#mobileHero){padding-top:clamp(52px,6vw,84px);padding-bottom:clamp(52px,6vw,84px)}
main section h2{letter-spacing:-.035em;line-height:1.18}
main section .rounded-2xl.border,main section .rounded-xl.border{border-color:var(--sv-line)}
main section .shadow-md,main section .shadow-sm{box-shadow:var(--sv-shadow)}
#contact form{border:1px solid rgba(11,107,58,.13);box-shadow:0 22px 55px rgba(12,52,31,.10)}
#contact>div>div>div:last-child{box-shadow:0 22px 55px rgba(4,57,29,.20)}
input,select,textarea{transition:border-color .2s ease,box-shadow .2s ease}
input:focus,select:focus,textarea:focus{border-color:var(--sv-green)!important;box-shadow:0 0 0 4px rgba(11,107,58,.09)!important}
@media(max-width:767px){#mobileHero .relative.w-full.overflow-hidden{aspect-ratio:1.55/1!important}#mobileHero h1{letter-spacing:-.04em}main section[id]:not(#desktopHero):not(#mobileHero){padding-top:48px;padding-bottom:48px}}


/* Typography refresh: confident, editorial corporate type instead of generic template fonts */
:root{--sv-font-body:"Lato","Noto Sans Devanagari",Arial,sans-serif;--sv-font-heading:"Barlow","Noto Sans Devanagari",sans-serif}
body{font-family:var(--sv-font-body);font-size:16px;line-height:1.7;letter-spacing:0;font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4,h5,h6,.font-display{font-family:var(--sv-font-heading);font-weight:700;letter-spacing:-.022em;line-height:1.16}
h1{font-weight:800;letter-spacing:-.03em}
h2{font-weight:700;letter-spacing:-.025em}
p,li{line-height:1.72}
button,a,.btn{font-family:var(--sv-font-body);font-weight:700;letter-spacing:.005em}
input,select,textarea{font-family:var(--sv-font-body);font-size:15px}
@media(max-width:767px){h1{letter-spacing:-.02em;line-height:1.2}h2{letter-spacing:-.015em}}


/* Suryasetu corporate content additions */
.sv-eyebrow{font-size:11px;letter-spacing:.19em;font-weight:800;color:#0b6b3a;text-transform:uppercase}
.sv-eyebrow-light{color:#fdb813}
.sv-epc-section{background:linear-gradient(180deg,#f7faf7 0%,#fff 100%)}
.sv-service-detail{position:relative;background:#fff;border:1px solid rgba(11,107,58,.12);border-radius:18px;padding:25px 24px 24px;min-height:180px;box-shadow:0 12px 34px rgba(12,52,31,.045);transition:transform .25s ease,box-shadow .25s ease}
.sv-service-detail:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(12,52,31,.11)}
.sv-service-detail>span{display:inline-flex;width:35px;height:35px;align-items:center;justify-content:center;border-radius:11px;background:#eff6ef;color:#0b6b3a;font-size:12px;font-weight:900}
.sv-service-detail h3{margin-top:17px;font-size:19px;color:#17231d;font-weight:800;letter-spacing:-.02em}
.sv-service-detail p{margin-top:8px;color:#66736a;font-size:14px;line-height:1.7}
.sv-system-card{border:1px solid rgba(11,107,58,.13);border-radius:20px;padding:23px 20px;background:#fff;box-shadow:0 14px 38px rgba(12,52,31,.055)}
.sv-system-icon{width:48px;height:48px;border-radius:15px;background:#fdf4d9;color:#0b6b3a;display:grid;place-items:center;font-size:25px}
.sv-system-card h3{font-size:21px;font-weight:800;margin-top:17px;color:#17231d}
.sv-system-card p{font-size:13px;color:#647067;line-height:1.7;margin-top:8px;min-height:88px}
.sv-system-card small{display:block;color:#0b6b3a;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-top:13px}
.sv-purpose{background:radial-gradient(circle at 90% 10%,rgba(253,184,19,.16),transparent 28%),linear-gradient(130deg,#123d28,#07512e 58%,#0b6b3a)}
.sv-gold-cta{align-items:center;gap:18px;background:#fdb813;color:#17231d;padding:13px 21px;border-radius:999px;font-weight:800;box-shadow:0 10px 24px rgba(253,184,19,.22)}
.sv-gold-cta span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#17231d;color:#fdb813}
.sv-outline-cta{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(11,107,58,.25);border-radius:999px;padding:11px 18px;color:#0b6b3a;font-weight:800;font-size:13px;background:#fff}
.sv-gallery{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:210px 210px;gap:15px}
.sv-gallery-item{position:relative;overflow:hidden;border-radius:18px;background:#dfe8df;min-width:0}
.sv-gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .65s ease}
.sv-gallery-item:hover img{transform:scale(1.06)}
.sv-gallery-item:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.72))}
.sv-gallery-item figcaption{position:absolute;z-index:1;left:18px;right:18px;bottom:16px;color:#fff;display:flex;flex-direction:column;gap:2px}
.sv-gallery-item figcaption b{font-size:16px}.sv-gallery-item figcaption span{font-size:11px;color:rgba(255,255,255,.82)}
.sv-gallery-tall{grid-row:span 2}
@media(max-width:767px){.sv-gallery{grid-template-columns:1fr 1fr;grid-template-rows:180px 150px 150px;gap:10px}.sv-gallery-tall{grid-row:span 2}.sv-gallery-item figcaption{left:12px;right:12px;bottom:11px}.sv-gallery-item figcaption b{font-size:13px}.sv-gallery-item figcaption span{font-size:10px}.sv-system-card{padding:18px 15px}.sv-system-card p{min-height:unset}}