/* 16K Ultra Luminous Master Hero - 21st Dev Parallax & Crisp Daylight Terrace */
#hero .hero-container {
  background: #0d1a18 !important;
  isolation: isolate;
  perspective: 1200px;
}
#hero .hero-container::before {
  display: none !important;
}
#hero .hero-container::after {
  display: none !important;
}
#hero .suham-hero-background {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  z-index: 1 !important;
  pointer-events: none !important;
}
#hero .hero-cta-group {
  display: flex !important;
  z-index: 8 !important;
}
.hero-filter-defs { position: absolute; width: 0; height: 0; overflow: hidden; pointer-events: none; }
#hero .suham-hero-copy { display: block !important; position: absolute; inset: 0; z-index: 7; pointer-events: none; }
#hero .hero-character-3d-wrap {
  display: flex !important;
  position: absolute !important;
  inset: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  transform: none !important;
  overflow: visible;
  z-index: 5 !important;
  transform-style: preserve-3d;
  pointer-events: none;
}
#hero #hero-3d-character-reveal {
  mask-image: none !important;
  -webkit-mask-image: none !important;
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
}
#hero #hero-3d-character {
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
  transform-style: preserve-3d;
  transform-origin: 50% 55%;
  will-change: transform;
}
#hero .hero-character-3d-wrap img,
#hero #hero-3d-character img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center !important;
  filter: drop-shadow(0 20px 45px rgba(0,0,0,0.40)) !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
  margin-bottom: 0 !important;
  pointer-events: none !important;
}
#hero .suham-hero-title {
  top: 28.2%;
  left: 4.7%;
  color: #fff;
  font-size: clamp(64px, 9.15vw, 170px);
  font-weight: 750;
  line-height: .93;
  letter-spacing: -.066em;
  text-shadow: 0 4px 18px rgba(7,32,34,.16);
}
#hero .suham-hero-title span { width: fit-content; pointer-events: auto; transition: transform .45s cubic-bezier(.2,.8,.2,1), filter .45s ease, letter-spacing .45s ease; }
#hero .suham-hero-title span:nth-child(2) {
  color: #caffbd;
  background: linear-gradient(180deg, #f4ffe1 0%, #c4fac1 59%, #83e9a2 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#hero .suham-hero-title span:hover { transform: translate3d(9px,-5px,0); filter: drop-shadow(0 9px 14px rgba(166,255,201,.24)); letter-spacing: -.058em; }
#hero .suham-hero-title::after {
  content: '';
  display: block;
  width: clamp(45px, 3.4vw, 70px);
  height: 4px;
  margin-top: 15px;
  border-radius: 9px;
  background: linear-gradient(90deg, #ecffaf, #86f1a6);
  box-shadow: 0 0 14px rgba(150,255,184,.37);
  transition: width .45s ease;
}
#hero .suham-hero-title:hover::after { width: clamp(70px, 5vw, 105px); }
#hero .suham-hero-tagline {
  position: absolute;
  z-index: 7;
  top: 68%;
  left: 4.8%;
  margin: 0;
  color: #f4faf7;
  font-size: clamp(17px, 1.58vw, 29px);
  font-weight: 440;
  line-height: 1.22;
  letter-spacing: -.02em;
  text-shadow: 0 2px 10px rgba(5,21,23,.32);
  pointer-events: auto;
  transition: transform .4s ease, color .4s ease, text-shadow .4s ease;
}
#hero .suham-hero-tagline:hover { transform: translateX(8px); color: #c7fad5; text-shadow: 0 0 20px rgba(150,255,184,.38); }
#hero .suham-hero-features { top: 16.8%; right: 2.6%; width: 26.4%; gap: clamp(11px, 1vw, 19px); }
#hero #hero-3d-character { translate: 2.5vw 0; transform-origin: 50% 55%; will-change: transform; }
#hero .suham-hero-features li { gap: clamp(10px, 1.1vw, 20px); padding: .3vw .55vw; border-radius: 18px; }
#hero .suham-hero-features li:hover { background: rgba(7,35,37,.42) !important; border-color: rgba(171,255,197,.48) !important; box-shadow: 0 14px 35px rgba(4,22,24,.25) !important; }
#hero .suham-hero-features img { width: clamp(57px, 4.75vw, 89px); height: clamp(57px, 4.75vw, 89px); }
#hero .suham-hero-features strong,
#hero .suham-hero-features small { text-shadow: 0 2px 8px rgba(4,20,23,.37); transition: color .32s ease, transform .35s ease; }
#hero .suham-hero-features strong { font-size: clamp(17px, 1.6vw, 30px); }
#hero .suham-hero-features small { font-size: clamp(12px, 1.07vw, 20px); color: #f2faf7; }
#hero .suham-hero-features li:hover strong { color: #d2ffdc; transform: translateX(3px); }
#hero .suham-hero-features li:hover small { color: #b7f2ce; transform: translateX(5px); }
#hero .suham-hero-signature { right: 4%; bottom: 10%; color: #e5ffd4 !important; font-size: clamp(24px, 2.45vw, 46px); }
#hero .suham-hero-signature:hover { color: #fff !important; }

#header { padding-top: 2.55vw !important; padding-right: 4.2vw !important; padding-bottom: 1vw !important; padding-left: 4.7vw !important; }
#header > a:first-child { position: relative; transition: filter .35s ease, transform .35s ease; }
#header > a:first-child img { width: 16vw !important; }
#header > a:first-child:hover { transform: translateY(-3px); filter: drop-shadow(0 0 12px rgba(174,255,197,.55)); }
#header > a:first-child::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -9px;
  width: 48px;
  height: 3px;
  border-radius: 8px;
  background: linear-gradient(90deg, #f8ffb9, #7bedaa);
  transition: width .35s ease;
}
#header > a:first-child:hover::after { width: 74px; }
#header > a:nth-child(2) { background: linear-gradient(135deg, #fafff9, #d9ffe0) !important; color: #081a18 !important; border: 0 !important; box-shadow: 0 8px 24px rgba(5,28,24,.17); transition: transform .32s ease, box-shadow .32s ease; }
#header > a:nth-child(2):hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(73,212,127,.29); }
#header > a:nth-child(2) > span:first-child span { background: #30cc70 !important; }
#header > a:nth-child(2)::after { content: '›'; position: relative; z-index: 2; margin-left: -.45vw; color: #28b45e; font-size: 1.65em; line-height: .5; }

@media (max-width: 1025px) {
  #header > a:first-child img { width: 24vw !important; }
  #hero .suham-hero-title { top: 28%; font-size: clamp(56px, 8vw, 100px); }
  #hero .suham-hero-tagline { top: 62%; }
  #hero .suham-hero-features { top: 17%; right: 2%; width: 31%; }
  #hero .hero-character-3d-wrap img { height: 94vh !important; }
}
@media (max-width: 700px) {
  #header { padding: 18px 5vw !important; }
  #header > a:first-child img { width: 34vw !important; }
  #hero .hero-container { background: radial-gradient(ellipse 100% 65% at 57% 39%, #63847a, #254542 60%, #102629 100%) !important; }
  #hero .hero-container::before { background: linear-gradient(90deg, rgba(5,22,24,.45), transparent 62%), linear-gradient(0deg, rgba(5,22,24,.8), transparent 45%); }
  #hero .hero-character-3d-wrap img { height: 66vh !important; transform: translateX(9vw); }
  #hero .suham-hero-title { top: 15%; left: 5%; font-size: clamp(44px, 10.5vw, 68px); }
  #hero .suham-hero-title::after { width: 44px; height: 3px; margin-top: 10px; }
  #hero .suham-hero-tagline { top: 38%; left: 5%; font-size: clamp(13px, 3.3vw, 18px); }
  #hero .suham-hero-features { top: auto; right: 4%; bottom: 7%; left: 4%; width: auto; gap: 7px; }
  #hero .suham-hero-features li { padding: 6px; background: rgba(8,34,36,.68); border-color: rgba(158,232,185,.28); border-radius: 11px; }
  #hero .suham-hero-features img { width: 34px; height: 34px; }
  #hero .suham-hero-features strong { font-size: 12px; }
  #hero .suham-hero-features small { font-size: 10px; }
  #hero .suham-hero-signature { display: none; }
  #header > a:first-child::after { bottom: -5px; width: 30px; }
}
@media (prefers-reduced-motion: reduce) {
  #hero .suham-hero-title span, #hero .suham-hero-tagline, #hero .suham-hero-features strong, #hero .suham-hero-features small { transition-duration: .01ms; }
  #hero .hero-character-3d-wrap img { animation: none !important; }
}