/* =========================================================
   ALKEN ELEVATORS — Premium Corporate Stylesheet
   Design tokens, base, layout, components
   ========================================================= */

:root{
  /* Color */
  --alken-navy:        #0A1526;
  --alken-navy-2:      #0F2038;
  --alken-navy-3:      #142A47;
  --alken-charcoal:    #161E29;
  --alken-blue:        #2E6FF2;
  --alken-blue-dark:   #1B4FC4;
  --alken-blue-light:  #6E9BFF;
  --alken-gold:        #C79A45;
  --alken-gold-light:  #E7CD8C;
  --alken-white:       #FFFFFF;
  --alken-off-white:   #F6F8FB;
  --alken-panel:       #EFF2F6;
  --alken-gray-900:    #1B222C;
  --alken-gray-700:    #4A5560;
  --alken-gray-500:    #7B8794;
  --alken-gray-300:    #D7DEE5;
  --alken-gray-100:    #EEF1F5;
  --alken-line:        rgba(10,21,38,0.09);
  --alken-line-dark:   rgba(255,255,255,0.10);

  /* Type */
  --alken-font-display: 'Outfit', sans-serif;
  --alken-font-body: 'Inter', sans-serif;
  --alken-font-mono: 'JetBrains Mono', monospace;

  /* Shape / Motion */
  --alken-radius: 14px;
  --alken-radius-sm: 8px;
  --alken-radius-lg: 26px;
  --alken-ease: cubic-bezier(.4,0,.2,1);
  --alken-shadow-soft: 0 10px 40px -12px rgba(10,21,38,0.18);
  --alken-shadow-strong: 0 24px 60px -20px rgba(10,21,38,0.35);
}

*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; overflow-x:hidden; width:100%; }
body{
  font-family: var(--alken-font-body);
  color: var(--alken-gray-900);
  background: var(--alken-white);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
  width:100%;
  position:relative;
}
h1,h2,h3,h4,h5,.alken-display{
  font-family: var(--alken-font-display);
  font-weight:600;
  letter-spacing:-0.02em;
  color: var(--alken-navy);
  margin:0;
}
p{ margin:0; }
a{ text-decoration:none; color:inherit; }
img{ max-width:100%; display:block; }
ul{ margin:0; padding:0; list-style:none; }
::selection{ background: var(--alken-gold); color:var(--alken-navy); }

.alken-eyebrow{
  font-family: var(--alken-font-mono);
  font-size:.78rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color: var(--alken-blue);
  display:inline-flex;
  align-items:center;
  gap:.6rem;
  margin-bottom:1rem;
}
.alken-eyebrow::before{
  content:"";
  width:26px; height:1px;
  background: var(--alken-gold);
  display:inline-block;
}
.alken-eyebrow.light{ color: var(--alken-gold-light); }

.alken-section{ padding:6.5rem 0; position:relative; }
.alken-section-sm{ padding:4rem 0; }
@media (max-width:767px){
  .alken-section{ padding:4rem 0; }
  .alken-section-sm{ padding:2.75rem 0; }
}
.alken-bg-navy{ background: linear-gradient(180deg,var(--alken-navy) 0%, var(--alken-navy-2) 100%); color:var(--alken-white); }
.alken-bg-navy h1,.alken-bg-navy h2,.alken-bg-navy h3,.alken-bg-navy h4{ color:var(--alken-white); }
.alken-bg-panel{ background: var(--alken-off-white); }
.alken-title-lg{ font-size: clamp(2rem, 3.4vw, 3.1rem); line-height:1.1; }
.alken-title-md{ font-size: clamp(1.6rem, 2.4vw, 2.3rem); line-height:1.15; }
.alken-lead{ color: var(--alken-gray-700); font-size:1.08rem; }
.alken-bg-navy .alken-lead{ color: rgba(255,255,255,0.72); }

/* ============ Buttons ============ */
.alken-btn{
  font-family: var(--alken-font-display);
  font-weight:600;
  font-size:.94rem;
  padding:.95rem 1.9rem;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  gap:.6rem;
  border:1px solid transparent;
  transition: all .35s var(--alken-ease);
  white-space:nowrap;
  cursor:pointer;
}
.alken-btn-primary{ background: var(--alken-blue); color:var(--alken-white); box-shadow: 0 12px 28px -10px rgba(46,111,242,.55); }
.alken-btn-primary:hover{ background: var(--alken-blue-dark); transform:translateY(-2px); color:var(--alken-white); }
.alken-btn-gold{ background: linear-gradient(120deg,var(--alken-gold),var(--alken-gold-light)); color: var(--alken-navy); }
.alken-btn-gold:hover{ filter:brightness(1.06); transform:translateY(-2px); color:var(--alken-navy); }
.alken-btn-outline{ background:transparent; border-color: rgba(255,255,255,0.4); color:var(--alken-white); }
.alken-btn-outline:hover{ background: rgba(255,255,255,0.12); border-color:#fff; color:#fff; transform:translateY(-2px); }
.alken-btn-outline-dark{ background:transparent; border-color: var(--alken-gray-300); color:var(--alken-navy); }
.alken-btn-outline-dark:hover{ background: var(--alken-navy); border-color:var(--alken-navy); color:#fff; transform:translateY(-2px); }
.alken-btn-sm{ padding:.7rem 1.4rem; font-size:.85rem; }
.alken-btn-wa{ background:#22C468; color:#fff; }
.alken-btn-wa:hover{ background:#1DA857; color:#fff; transform:translateY(-2px); }

/* ============ Topbar ============ */
.alken-topbar{
  background: linear-gradient(90deg, #060d1c 0%, var(--alken-navy) 45%, #0c1b34 100%);
  color: rgba(255,255,255,0.85);
  font-size:.78rem;
  padding:.65rem 0;
  font-family: var(--alken-font-mono);
  letter-spacing:.02em;
  border-bottom:1px solid rgba(231,205,140,.2);
  position:relative;
  overflow:hidden;
  animation: alkenTopbarIn .55s var(--alken-ease) both;
}
.alken-topbar::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,.05) 45%, transparent 60%);
  background-size:220% 100%;
  animation: alkenTopbarSheen 7s ease-in-out infinite;
}
@keyframes alkenTopbarSheen{ 0%{ background-position:140% 0; } 55%,100%{ background-position:-40% 0; } }
.alken-topbar::after{
  content:""; position:absolute; left:0; right:0; bottom:-1px; height:1px;
  background: linear-gradient(90deg, transparent, rgba(231,205,140,.6), transparent);
}
@keyframes alkenTopbarIn{ from{ transform:translateY(-100%); opacity:0; } to{ transform:translateY(0); opacity:1; } }
.alken-topbar a{ color: rgba(255,255,255,0.85); transition: all .2s; }
.alken-topbar a:hover{ color: var(--alken-gold-light); }
.alken-topbar-left{ display:flex; align-items:center; gap:1.1rem; position:relative; z-index:1; }
.alken-topbar-divider{ width:4px; height:4px; border-radius:50%; background: rgba(231,205,140,.5); }
.alken-topbar .alken-topbar-item{
  display:inline-flex; align-items:center; gap:.55rem; font-weight:500;
}
.alken-topbar .alken-topbar-item i{
  color: var(--alken-gold-light); font-size:.7rem;
  width:22px; height:22px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center;
  background: rgba(231,205,140,.1); border:1px solid rgba(231,205,140,.3); flex:0 0 auto;
  transition: all .25s var(--alken-ease);
}
.alken-topbar .alken-topbar-item:hover i{ background: var(--alken-gold); color: var(--alken-navy); border-color:var(--alken-gold); }
.alken-topbar-right{ display:flex; align-items:center; gap:1.1rem; position:relative; z-index:1; }
.alken-topbar-badge{
  display:inline-flex; align-items:center; gap:.5rem; font-size:.7rem; letter-spacing:.09em; text-transform:uppercase;
  color: var(--alken-gold-light); padding:.32rem .8rem; border-radius:30px;
  border:1px solid rgba(231,205,140,.3); background: rgba(231,205,140,.06);
}
.alken-topbar-badge i{ font-size:.78rem; }
.alken-topbar-social{ display:flex; align-items:center; gap:.4rem; padding-left:1.1rem; border-left:1px solid rgba(255,255,255,.14); }
.alken-topbar-social a{
  width:27px; height:27px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center;
  background: rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); font-size:.75rem; margin:0;
  transition: all .25s var(--alken-ease);
}
.alken-topbar-social a:hover{ background: var(--alken-gold); color:var(--alken-navy); border-color:var(--alken-gold); transform:translateY(-2px); }
@media (max-width:575px){
  .alken-topbar{ font-size:.72rem; }
  .alken-topbar-social{ padding-left:.7rem; gap:.3rem; }
  .alken-topbar-social a{ width:24px; height:24px; }
}

/* ============ Navbar ============ */
.alken-navbar{
  padding:.55rem 0;
  background: rgba(255,255,255,.97);
  backdrop-filter: blur(8px);
  transition: all .35s var(--alken-ease);
  position: sticky; top:0; z-index:1030; will-change: padding, box-shadow;
  border-bottom:1px solid var(--alken-line);
  box-shadow: 0 2px 16px rgba(10,21,38,.05);
}
.alken-navbar.alken-scrolled{
  background: rgba(255,255,255,1);
  padding:.4rem 0;
  border-bottom:1px solid var(--alken-line);
  box-shadow: 0 14px 34px -18px rgba(10,21,38,.22);
}
.alken-navbar .container{ display:flex; align-items:center; justify-content:space-between; flex-wrap:nowrap; gap:1rem; }
.alken-brand{ display:flex; align-items:center; gap:.7rem; flex:0 0 auto; }
.alken-brand-mark{
  width:44px; height:44px; border-radius:10px; flex:0 0 auto;
  background: linear-gradient(135deg,var(--alken-blue),var(--alken-navy-3));
  display:flex; align-items:center; justify-content:center;
  color:#fff; font-family:var(--alken-font-mono); font-weight:700; font-size:1rem;
  border:1px solid rgba(255,255,255,0.15);
}
.alken-brand-logo{ height:78px; width:auto; flex:0 0 auto; display:block; transition: height .3s var(--alken-ease); }
.alken-navbar.alken-scrolled .alken-brand-logo{ height:58px; }
@media (max-width:400px){
  .alken-brand-logo{ height:60px; }
  .alken-navbar.alken-scrolled .alken-brand-logo{ height:48px; }
}
.alken-footer-logo-wrap{
  display:inline-flex; align-items:center; background:#fff; padding:.7rem 1.1rem;
  border-radius:12px; box-shadow:0 8px 24px -10px rgba(0,0,0,.4);
}
.alken-footer-logo{ height:56px; width:auto; display:block; }
.alken-brand-text{ font-family:var(--alken-font-display); font-weight:700; color:var(--alken-navy); font-size:1.2rem; line-height:1; white-space:nowrap; }
.alken-brand-text small{ display:none; font-family:var(--alken-font-mono); font-weight:400; font-size:.6rem; letter-spacing:.16em; color: var(--alken-gray-500); margin-top:.3rem; }
@media (min-width:1200px){ .alken-brand-text small{ display:block; } }

.alken-nav-menu{ align-items:center; justify-content:flex-end; flex:1 1 auto; gap:2.1rem; min-width:0; }
.alken-nav{ display:flex; align-items:center; flex-wrap:nowrap; margin:0; }
.alken-nav .nav-link{
  color: var(--alken-gray-700) !important;
  font-family: var(--alken-font-display);
  font-weight:600;
  font-size:1.02rem;
  margin:0 .9rem;
  white-space:nowrap;
  position:relative;
  padding:.4rem 0 !important;
}
.alken-nav .nav-link::after{
  content:""; position:absolute; left:0; bottom:-2px; width:0; height:2px;
  background: var(--alken-blue); transition: width .3s var(--alken-ease);
}
.alken-nav .nav-link:hover::after, .alken-nav .nav-link.active::after{ width:100%; }
.alken-nav .nav-link:hover, .alken-nav .nav-link.active{ color: var(--alken-navy) !important; }
.alken-navbar-cta{ display:flex; align-items:center; gap:.7rem; flex:0 0 auto; white-space:nowrap; }
.alken-navbar-toggler{
  border:1px solid var(--alken-gray-300); border-radius:8px; padding:.4rem .6rem; flex:0 0 auto; background:transparent;
}
.alken-navbar-toggler .bi{ color: var(--alken-navy); font-size:1.3rem; }
.alken-navbar .offcanvas{ background: var(--alken-navy); }

/* Premium mobile offcanvas menu */
.alken-offcanvas{ width: min(340px, 86vw); background: linear-gradient(180deg, var(--alken-navy) 0%, var(--alken-navy-2) 100%); border-left:1px solid rgba(255,255,255,.08); }
.alken-offcanvas-header{ border-bottom:1px solid rgba(255,255,255,.1); padding:1.1rem 1.4rem; }
.alken-offcanvas-logo-wrap{
  display:inline-flex; align-items:center; background:#fff; padding:.5rem .8rem;
  border-radius:10px; box-shadow:0 6px 18px -8px rgba(0,0,0,.5);
}
.alken-offcanvas-header .alken-brand-logo{ height:48px; }
.alken-offcanvas-header .alken-brand-text small{ display:block; }
.alken-offcanvas-nav{ list-style:none; margin:1.6rem 0 0; padding:0; }
.alken-offcanvas-nav li + li{ margin-top:.4rem; }
.alken-offcanvas-nav a{
  display:flex; align-items:center; gap:.9rem; padding:.85rem 1rem; border-radius:12px;
  color: rgba(255,255,255,.78); font-family:var(--alken-font-display); font-weight:500; font-size:1rem;
  transition: all .25s var(--alken-ease);
}
.alken-offcanvas-nav a i:first-child{ font-size:1.05rem; color: var(--alken-gold-light); width:20px; text-align:center; }
.alken-offcanvas-nav a i.bi-chevron-right{ font-size:.75rem; opacity:.4; transition: transform .25s; }
.alken-offcanvas-nav a:hover, .alken-offcanvas-nav a.active{ background: rgba(255,255,255,.07); color:#fff; }
.alken-offcanvas-nav a.active{ background: rgba(46,111,242,.18); border:1px solid rgba(46,111,242,.35); }
.alken-offcanvas-nav a:hover i.bi-chevron-right{ transform: translateX(3px); opacity:.8; }
.alken-offcanvas-contact{
  margin-top:1.8rem; padding-top:1.4rem; border-top:1px solid rgba(255,255,255,.1);
  display:flex; flex-direction:column; gap:.7rem;
}
.alken-offcanvas-contact a{ color: rgba(255,255,255,.65); font-size:.86rem; display:flex; align-items:center; gap:.6rem; transition:color .2s; }
.alken-offcanvas-contact a i{ color: var(--alken-blue-light); }
.alken-offcanvas-contact a:hover{ color:#fff; }

/* ============ Split Hero (custom, fully animated) ============ */
.alken-hero{
  position:relative; overflow:hidden; min-height:min(860px,96vh); display:flex; align-items:center;
  padding:5rem 0 4rem;
  /* 96vh on mobile jumps in height each time the address bar shows/hides,
     which reads as the page "auto-scrolling". svh/dvh stay stable. */
  background:
    radial-gradient(ellipse 620px 480px at 12% 15%, rgba(46,111,242,.30), transparent 60%),
    radial-gradient(ellipse 520px 420px at 90% 85%, rgba(199,154,69,.22), transparent 55%),
    linear-gradient(180deg,var(--alken-navy) 0%, var(--alken-navy-2) 65%, var(--alken-navy-3) 100%);
}
.alken-hero::before{
  content:""; position:absolute; inset:0; opacity:.5; pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: radial-gradient(circle at 30% 40%, #000 0%, transparent 72%);
}
.alken-hero-content{ position:relative; z-index:3; }
.alken-hero-headline-wrap{ position:relative; min-height: 3.4em; }
.alken-hero-slide{
  position:absolute; inset:0; opacity:0; transform:translateY(14px);
  transition: opacity .6s var(--alken-ease), transform .6s var(--alken-ease);
  pointer-events:none;
}
.alken-hero-slide.active{ position:relative; opacity:1; transform:translateY(0); pointer-events:auto; }
.alken-hero-title{ color:#fff; font-size: clamp(2.1rem,3.9vw,3.4rem); line-height:1.1; max-width:640px; }
.alken-hero-desc{ color: rgba(255,255,255,.72); font-size:1.05rem; max-width:520px; margin-top:1.2rem; }
.alken-hero-actions{ margin-top:2.1rem; display:flex; gap:1rem; flex-wrap:wrap; }
.alken-hero-dots{ display:flex; gap:.5rem; margin-top:2.6rem; }
.alken-hero-dot{ width:26px; height:3px; border-radius:3px; background:rgba(255,255,255,.25); border:0; padding:0; cursor:pointer; transition: all .3s; }
.alken-hero-dot.active{ background: var(--alken-gold); width:38px; }
.alken-hero-stats{ display:flex; gap:2.2rem; margin-top:2.6rem; flex-wrap:wrap; }
.alken-hero-stats div{ font-family:var(--alken-font-mono); }
.alken-hero-stats strong{ display:block; color:#fff; font-size:1.3rem; }
.alken-hero-stats span{ color:rgba(255,255,255,.55); font-size:.72rem; letter-spacing:.08em; text-transform:uppercase; }

/* Animated elevator illustration (right side) */
.alken-elev-wrap{ position:relative; max-width:420px; margin:0 auto; }
.alken-elev-svg{ width:100%; height:auto; overflow:visible; }
.alken-elev-glow{ animation: alkenGlowPulse 5s ease-in-out infinite; transform-origin:center; }
@keyframes alkenGlowPulse{ 0%,100%{ opacity:.55; transform:scale(1);} 50%{ opacity:.85; transform:scale(1.06);} }
.alken-elev-cable{ transform-origin: 50% 0%; animation: alkenCableMove 6s cubic-bezier(.45,0,.55,1) infinite alternate; }
@keyframes alkenCableMove{ from{ transform:scaleY(.04);} to{ transform:scaleY(1);} }
.alken-elev-cabin{ animation: alkenCabinMove 6s cubic-bezier(.45,0,.55,1) infinite alternate; position:relative; }
@keyframes alkenCabinMove{ from{ transform:translateY(0);} to{ transform:translateY(350px);} }
.alken-elev-cabin-trail{ animation: alkenCabinMove 6s cubic-bezier(.45,0,.55,1) infinite alternate; animation-delay:-.4s; opacity:.22; filter:blur(5px); }
.alken-elev-cabin-glass{ animation: alkenCabinFlicker 2.4s ease-in-out infinite; }
@keyframes alkenCabinFlicker{ 0%,100%{ opacity:.9;} 50%{ opacity:.5;} }
.alken-elev-beam{ animation: alkenBeamSweep 3.6s ease-in-out infinite; mix-blend-mode:screen; pointer-events:none; }
@keyframes alkenBeamSweep{
  0%{ transform:translateY(0); opacity:0; }
  8%{ opacity:.4; }
  92%{ opacity:.12; }
  100%{ transform:translateY(390px); opacity:0; }
}
.alken-elev-dot{ transition: all .35s var(--alken-ease); }
.alken-elev-dot.active{ fill: var(--alken-gold-light); animation: alkenDotPulse 1.2s ease-in-out infinite; }
@keyframes alkenDotPulse{
  0%,100%{ filter: drop-shadow(0 0 4px rgba(231,205,140,.65)); }
  50%{ filter: drop-shadow(0 0 13px rgba(231,205,140,1)); }
}
.alken-elev-label{ font-family:var(--alken-font-mono); font-size:13px; fill:rgba(255,255,255,.45); transition: fill .35s var(--alken-ease); }
.alken-elev-label.active{ fill:#fff; }
.alken-elev-particle{ animation: alkenParticleFloat linear infinite; opacity:0; }
@keyframes alkenParticleFloat{
  0%{ opacity:0; transform:translateY(0); }
  10%{ opacity:.7; }
  90%{ opacity:.4; }
  100%{ opacity:0; transform:translateY(-420px); }
}
.alken-elev-readout{
  position:absolute; top:6%; left:50%; transform:translateX(-50%);
  display:flex; align-items:center; gap:.55rem;
  background: rgba(10,21,38,.75); border:1px solid rgba(255,255,255,.16); border-radius:100px;
  padding:.4rem .4rem .4rem .9rem; backdrop-filter:blur(6px); z-index:4;
}
.alken-elev-readout span{ font-family:var(--alken-font-mono); font-size:.7rem; letter-spacing:.14em; color:rgba(255,255,255,.55); text-transform:uppercase; }
.alken-elev-readout-digit{
  font-family:var(--alken-font-mono); font-weight:700; font-size:1rem; min-width:34px; text-align:center;
  background:var(--alken-navy); color:var(--alken-gold-light); border:1px solid rgba(231,205,140,.35);
  border-radius:50%; width:34px; height:34px; display:flex; align-items:center; justify-content:center;
  text-shadow:0 0 10px rgba(231,205,140,.6);
}
.alken-elev-readout-digit.alken-bump{ animation: alkenDigitBump .4s var(--alken-ease); }
@keyframes alkenDigitBump{
  0%{ transform:scale(1); }
  40%{ transform:scale(1.28); box-shadow:0 0 0 6px rgba(231,205,140,.18); }
  100%{ transform:scale(1); }
}
@media (max-width: 991px){ .alken-elev-wrap{ max-width:300px; margin-top:2.5rem; } .alken-hero{ text-align:left; } }
@supports (min-height: 100svh){
  .alken-hero{ min-height:min(860px,92svh); }
}
@media (max-width:767px){
  .alken-hero{ min-height:auto; padding:3.2rem 0 2.6rem; }
}



/* ============ Floor-indicator scroll rail (signature element, site-wide) ============ */
.alken-floor-rail{
  position:fixed; right:22px; top:50%; transform:translateY(-50%); z-index:900;
  display:flex; flex-direction:column-reverse; align-items:center; gap:14px;
  padding:16px 10px; border-radius:100px;
  background: rgba(10,21,38,.55); border:1px solid rgba(255,255,255,.12);
  backdrop-filter: blur(8px);
}
.alken-floor-rail::before{ content:"▲"; color:var(--alken-gold); font-size:.65rem; margin-bottom:4px; }
.alken-floor-rail-track{ position:relative; display:flex; flex-direction:column-reverse; align-items:center; gap:14px; }
.alken-floor-dot{
  width:8px; height:8px; border-radius:50%; background: rgba(255,255,255,.28);
  transition: all .35s var(--alken-ease); cursor:pointer; position:relative;
}
.alken-floor-dot .alken-floor-dot-label{
  position:absolute; right:20px; top:50%; transform:translateY(-50%);
  font-family:var(--alken-font-mono); font-size:.68rem; color:#fff;
  background: var(--alken-navy); padding:.2rem .55rem; border-radius:6px;
  white-space:nowrap; opacity:0; pointer-events:none; transition: opacity .25s;
  border:1px solid rgba(255,255,255,.15);
}
.alken-floor-dot:hover .alken-floor-dot-label{ opacity:1; }
.alken-floor-dot.active{ background: var(--alken-gold); width:11px; height:11px; box-shadow:0 0 10px rgba(199,154,69,.7); }
@media (max-width: 1199px){ .alken-floor-rail{ display:none; } }

/* ============ Quick Enquiry Strip ============ */
.alken-enquiry-strip{
  background: var(--alken-white);
  border-radius: var(--alken-radius-lg);
  box-shadow: var(--alken-shadow-strong);
  padding:2.6rem;
  margin-top:3.5rem;
  margin-bottom:1rem;
  position:relative; z-index:20;
  border:1px solid var(--alken-line);
}
@media (max-width:991px){ .alken-enquiry-strip{ margin-top:2rem; padding:1.8rem; } }
.alken-form-control{
  border:1px solid var(--alken-gray-300); border-radius:10px; padding:.85rem 1rem;
  font-size:.92rem; background:var(--alken-off-white); width:100%;
  transition:border-color .2s, box-shadow .2s;
}
.alken-form-control:focus{ outline:none; border-color:var(--alken-blue); box-shadow:0 0 0 4px rgba(46,111,242,.12); background:#fff; }
label.alken-label{ font-size:.8rem; font-weight:600; color:var(--alken-gray-700); margin-bottom:.4rem; display:block; }
.alken-label-optional{ font-weight:400; font-size:.74rem; color:var(--alken-gray-500); text-transform:none; letter-spacing:0; }

.alken-input-group{ position:relative; display:flex; align-items:center; }
.alken-input-group i{
  position:absolute; left:1rem; color: var(--alken-blue); font-size:.95rem; z-index:2; pointer-events:none;
}
.alken-input-group .alken-form-control{ padding-left:2.7rem; }
.alken-input-group:focus-within i{ color: var(--alken-blue-dark); }

/* ============ Cards ============ */
.alken-product-card, .alken-service-card, .alken-feature-card, .alken-strength-card{
  background:#fff; border-radius: var(--alken-radius); border:1px solid var(--alken-line);
  overflow:hidden; transition: all .4s var(--alken-ease); height:100%;
}
.alken-product-card:hover, .alken-service-card:hover{ transform:translateY(-8px); box-shadow: var(--alken-shadow-strong); border-color:transparent; }
.alken-card-media{ position:relative; overflow:hidden; aspect-ratio:4/3; }
.alken-card-media img{ width:100%; height:100%; object-fit:cover; transition: transform .6s var(--alken-ease); }
.alken-product-card:hover .alken-card-media img{ transform:scale(1.08); }

/* Icon "art" tiles — used in place of stock photography throughout the site */
.alken-card-art{
  position:relative; display:flex; align-items:center; justify-content:center; overflow:hidden;
  background: linear-gradient(135deg, var(--alken-navy-3) 0%, var(--alken-navy) 100%);
}
.alken-card-art::before{
  content:""; position:absolute; inset:0; opacity:.6;
  background-image: linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
  background-size: 22px 22px;
}
.alken-card-art::after{
  content:""; position:absolute; width:150%; height:150%; border-radius:50%;
  background: radial-gradient(circle, rgba(46,111,242,.38), transparent 62%);
  animation: alkenGlowPulse 6s ease-in-out infinite;
}
.alken-card-art i{
  position:relative; z-index:2; font-size:3rem; color: var(--alken-gold-light);
  filter: drop-shadow(0 10px 22px rgba(0,0,0,.4));
  transition: transform .5s var(--alken-ease);
}
.alken-product-card:hover .alken-card-art i, .alken-service-card:hover .alken-card-art i{ transform: scale(1.12) translateY(-4px); }
.alken-card-art-lg i{ font-size:5.2rem; }
.alken-gallery-item.alken-card-art{ aspect-ratio:1/1; cursor:default; }
.alken-gallery-item.alken-card-art i{ font-size:2.6rem; }
.swiper-slide .alken-gallery-item.alken-card-art{ height:100%; }
.alken-card-icon{
  width:52px; height:52px; border-radius:12px; display:flex; align-items:center; justify-content:center;
  background: linear-gradient(135deg,var(--alken-blue),var(--alken-navy-3)); color:#fff; font-size:1.3rem;
  position:absolute; left:1.2rem; top:-26px; box-shadow: var(--alken-shadow-soft); border:3px solid #fff;
}
.alken-card-body{ padding:2.1rem 1.4rem 1.5rem; }
.alken-card-body h3, .alken-card-body h4{ font-size:1.18rem; margin-bottom:.6rem; }
.alken-card-body p{ color:var(--alken-gray-700); font-size:.94rem; }
.alken-card-features{ margin-top:1rem; }
.alken-card-features li{ font-size:.85rem; color:var(--alken-gray-700); display:flex; align-items:center; gap:.5rem; margin-bottom:.4rem; }
.alken-card-features li i{ color:var(--alken-blue); }
.alken-card-link{ display:inline-flex; align-items:center; gap:.4rem; margin-top:1rem; font-weight:600; font-size:.88rem; color:var(--alken-blue); }
.alken-card-link i{ transition: transform .3s; }
.alken-card-link:hover i{ transform: translateX(4px); }

/* Feature (dark) cards */
.alken-bg-navy .alken-feature-card{
  background: rgba(255,255,255,0.045); border:1px solid rgba(255,255,255,.1); padding:2rem 1.6rem; border-radius: var(--alken-radius);
  height:100%;
}
.alken-feature-card:hover{ background: rgba(255,255,255,0.08); transform:translateY(-6px); }
.alken-feature-icon{
  width:56px; height:56px; border-radius:14px; display:flex; align-items:center; justify-content:center;
  background: linear-gradient(135deg, var(--alken-gold), var(--alken-gold-light)); color:var(--alken-navy); font-size:1.4rem; margin-bottom:1.2rem;
}
.alken-feature-card h4{ color:#fff; font-size:1.08rem; margin-bottom:.6rem; }
.alken-feature-card p{ color:rgba(255,255,255,.68); font-size:.9rem; }

/* Strength cards (light) */
.alken-strength-card{ padding:2rem 1.5rem; text-align:center; }
.alken-strength-card .alken-feature-icon{ background: linear-gradient(135deg,var(--alken-blue),var(--alken-navy-3)); color:#fff; margin:0 auto 1.2rem; }
.alken-strength-card h4{ font-size:1.02rem; margin-bottom:.5rem; }
.alken-strength-card p{ color:var(--alken-gray-700); font-size:.88rem; }

/* ============ Counters ============ */
.alken-counter-item{ text-align:center; }
.alken-counter-icon{
  width:56px; height:56px; border-radius:50%; margin:0 auto .9rem; display:flex; align-items:center; justify-content:center;
  background: linear-gradient(135deg, var(--alken-blue), var(--alken-navy-3)); color:#fff; font-size:1.35rem;
  box-shadow: 0 10px 24px -10px rgba(46,111,242,.55);
}
.alken-bg-navy .alken-counter-icon{ background: linear-gradient(135deg, var(--alken-gold), var(--alken-gold-light)); color: var(--alken-navy); box-shadow: 0 10px 24px -10px rgba(199,154,69,.5); }
.alken-counter-num{
  font-family: var(--alken-font-mono); font-weight:700; font-size: clamp(2.1rem,3vw,3rem);
  color:var(--alken-navy); display:flex; align-items:center; justify-content:center; gap:.15rem;
}
.alken-bg-navy .alken-counter-num{ color:#fff; }
.alken-counter-label{ font-size:.85rem; color:var(--alken-gray-700); text-transform:uppercase; letter-spacing:.06em; margin-top:.4rem; }
.alken-bg-navy .alken-counter-label{ color:rgba(255,255,255,.65); }

/* ============ Timeline (process) ============ */
.alken-timeline{ position:relative; }
.alken-timeline::before{ content:""; position:absolute; left:34px; top:10px; bottom:10px; width:2px; background: var(--alken-gray-300); }
.alken-bg-navy .alken-timeline::before{ background: rgba(255,255,255,.15); }
@media (max-width:767px){ .alken-timeline::before{ left:22px; } }
.alken-timeline-item{ position:relative; display:flex; gap:1.6rem; padding-bottom:2.6rem; }
.alken-timeline-item:last-child{ padding-bottom:0; }
.alken-timeline-num{
  flex:0 0 auto; width:68px; height:68px; border-radius:50%; background:#fff; border:2px solid var(--alken-blue);
  display:flex; align-items:center; justify-content:center; font-family:var(--alken-font-mono); font-weight:700; color:var(--alken-blue); font-size:1.1rem; z-index:2;
}
@media (max-width:767px){ .alken-timeline-num{ width:44px; height:44px; font-size:.85rem; } }
.alken-bg-navy .alken-timeline-num{ background: var(--alken-navy); }
.alken-timeline-body h4{ font-size:1.08rem; margin-bottom:.4rem; }
.alken-timeline-body p{ color:var(--alken-gray-700); font-size:.92rem; }
.alken-bg-navy .alken-timeline-body p{ color:rgba(255,255,255,.65); }

/* ============ Gallery ============ */
.alken-filter-bar{ display:flex; gap:.6rem; flex-wrap:wrap; justify-content:center; margin-bottom:2.6rem; }
.alken-filter-btn{
  font-family:var(--alken-font-display); font-weight:600; font-size:.86rem; padding:.6rem 1.3rem; border-radius:10px;
  border:1px solid var(--alken-gray-300); background:#fff; color:var(--alken-gray-700); cursor:pointer; transition:all .25s;
}
.alken-filter-btn.active, .alken-filter-btn:hover{ background:var(--alken-navy); border-color:var(--alken-navy); color:#fff; }
.alken-gallery-item{ position:relative; border-radius: var(--alken-radius); overflow:hidden; aspect-ratio:1/1; display:block; }
.alken-gallery-item img{ width:100%; height:100%; object-fit:cover; transition:transform .5s var(--alken-ease); }
.alken-gallery-item:hover img{ transform:scale(1.1); }
.alken-gallery-overlay{
  position:absolute; inset:0; background: linear-gradient(0deg, rgba(10,21,38,.85), transparent 55%);
  display:flex; align-items:flex-end; padding:1.2rem; opacity:0; transition:opacity .35s;
}
.alken-gallery-item:hover .alken-gallery-overlay{ opacity:1; }
.alken-gallery-overlay span{ color:#fff; font-weight:600; font-size:.92rem; }

/* Premium homepage gallery slider */
.alken-project-swiper{ padding:.5rem .5rem 1rem; }
.alken-project-swiper .swiper-slide{ width:320px; aspect-ratio:4/3; }
.alken-project-swiper .alken-gallery-item{ aspect-ratio:auto; height:100%; box-shadow: var(--alken-shadow-soft); }
.alken-project-swiper .swiper-button-next, .alken-project-swiper .swiper-button-prev{
  color: var(--alken-navy); width:48px; height:48px; border-radius:50%; background:#fff; box-shadow: var(--alken-shadow-soft);
}
.alken-project-swiper .swiper-button-next:after, .alken-project-swiper .swiper-button-prev:after{ font-size:1rem; }
@media (max-width:576px){ .alken-project-swiper .swiper-slide{ width:260px; } }

/* Masonry gallery page */
.alken-masonry{ column-count:1; column-gap:1.25rem; }
@media (min-width:576px){ .alken-masonry{ column-count:2; } }
@media (min-width:992px){ .alken-masonry{ column-count:3; } }
.alken-masonry-item{
  break-inside:avoid; margin-bottom:1.25rem; display:block; position:relative;
  border-radius: var(--alken-radius); overflow:hidden; box-shadow: var(--alken-shadow-soft);
}
.alken-masonry-item img{ width:100%; display:block; transition:transform .5s var(--alken-ease); }
.alken-masonry-item:hover img{ transform:scale(1.06); }

/* ============ Testimonials ============ */
.alken-testimonial-section{ background: linear-gradient(180deg, var(--alken-off-white) 0%, #fff 100%); }
.alken-rating-stat{ display:flex; align-items:center; gap:1rem; margin-top:2rem; }
.alken-rating-stat-num{ font-family:var(--alken-font-mono); font-weight:700; font-size:2.4rem; color:var(--alken-navy); line-height:1; }
.alken-rating-stat-num span{ font-size:1.1rem; color:var(--alken-gray-500); font-weight:500; }
.alken-rating-stat-label{ font-size:.78rem; color:var(--alken-gray-500); display:block; margin-top:.3rem; }
.alken-testimonial-nav{ display:flex; gap:.7rem; margin-top:2.2rem; }
.alken-testimonial-nav button{
  width:46px; height:46px; border-radius:10px; border:1px solid var(--alken-gray-300); background:#fff;
  color:var(--alken-navy); display:flex; align-items:center; justify-content:center; transition: all .25s var(--alken-ease);
}
.alken-testimonial-nav button:hover{ background: var(--alken-navy); border-color:var(--alken-navy); color:#fff; }

.alken-testimonial-card{
  position:relative; background:#fff; border-radius: var(--alken-radius); border:1px solid var(--alken-line);
  padding:2.4rem 2.2rem 2rem; height:100%; overflow:hidden;
}
.alken-testimonial-card::before{
  content:""; position:absolute; top:0; left:0; right:0; height:4px;
  background: linear-gradient(90deg, var(--alken-blue), var(--alken-gold));
}
.alken-testimonial-quote-icon{ font-size:2.6rem; color: var(--alken-off-white); position:absolute; top:1rem; right:1.2rem; z-index:0; -webkit-text-stroke:1px var(--alken-gray-300); }
.alken-testimonial-card p.alken-quote{ position:relative; z-index:1; color:var(--alken-gray-700); font-size:.98rem; font-style:italic; }
.alken-testimonial-rating{ color:var(--alken-gold); font-size:.9rem; }
.alken-testimonial-person{ display:flex; align-items:center; gap:.9rem; margin-top:1.5rem; position:relative; z-index:1; }
.alken-testimonial-avatar{
  width:50px; height:50px; border-radius:50%; background: linear-gradient(135deg,var(--alken-blue),var(--alken-navy-3));
  display:flex; align-items:center; justify-content:center; color:#fff; font-family:var(--alken-font-mono); font-weight:700;
  border:2px solid var(--alken-gold-light);
}
.alken-testimonial-person h5{ font-size:.94rem; margin:0; color:var(--alken-navy); }
.alken-testimonial-person span{ font-size:.8rem; color:var(--alken-gray-500); }

/* ============ Accordion / FAQ ============ */
.alken-accordion .accordion-item{ border:none; border-bottom:1px solid var(--alken-line); background:transparent; }
.alken-accordion .accordion-button{
  font-family:var(--alken-font-display); font-weight:600; color:var(--alken-navy); background:transparent; padding:1.3rem 0; box-shadow:none;
}
.alken-accordion .accordion-button:not(.collapsed){ color:var(--alken-blue); background:transparent; }
.alken-accordion .accordion-button::after{ filter: none; }
.alken-accordion .accordion-body{ padding:0 0 1.5rem; color:var(--alken-gray-700); font-size:.94rem; }
.alken-bg-navy .alken-accordion .accordion-item{ border-color: rgba(255,255,255,.12); }
.alken-bg-navy .alken-accordion .accordion-button{ color:#fff; }
.alken-bg-navy .alken-accordion .accordion-body{ color: rgba(255,255,255,.68); }

/* ============ CTA ============ */
.alken-final-cta{
  background: linear-gradient(120deg,var(--alken-navy) 0%, var(--alken-navy-3) 60%, var(--alken-blue-dark) 130%);
  border-radius: var(--alken-radius-lg); padding:4.5rem 3rem; text-align:center; position:relative; overflow:hidden;
}
.alken-final-cta::before{
  content:""; position:absolute; inset:0; opacity:.5;
  background-image: radial-gradient(circle at 15% 20%, rgba(199,154,69,.25), transparent 40%), radial-gradient(circle at 85% 80%, rgba(46,111,242,.35), transparent 45%);
}
.alken-final-cta > *{ position:relative; z-index:2; }
@media (max-width:767px){ .alken-final-cta{ padding:3rem 1.5rem; } }

/* ============ Footer ============ */
.alken-footer{ position:relative; background: var(--alken-navy); color: rgba(255,255,255,.65); padding-top:4rem; overflow:hidden; }
.alken-footer::before{ content:""; position:absolute; top:0; left:0; right:0; height:2px; background: linear-gradient(90deg, transparent, var(--alken-gold), var(--alken-blue), transparent); }
.alken-footer-glow{ position:absolute; width:520px; height:420px; left:50%; top:-120px; transform:translateX(-50%); background: radial-gradient(ellipse, rgba(46,111,242,.16), transparent 65%); pointer-events:none; }
.alken-footer > .container{ position:relative; z-index:2; }
.alken-footer h5{ color:#fff; font-family:var(--alken-font-display); font-size:1.05rem; margin-bottom:1.3rem; position:relative; padding-bottom:.7rem; }
.alken-footer h5::after{ content:""; position:absolute; left:0; bottom:0; width:34px; height:2px; background: var(--alken-gold); border-radius:2px; }
.alken-footer p{ font-size:.92rem; }
.alken-footer-links{ list-style:none; margin:0; padding:0; }
.alken-footer-links li{ margin-bottom:.65rem; }
.alken-footer-links a{ color: rgba(255,255,255,.62); font-size:.92rem; display:inline-flex; align-items:center; gap:.4rem; transition:all .2s; }
.alken-footer-links a i{ font-size:.7rem; opacity:.5; transition: transform .25s, opacity .25s; }
.alken-footer-links a:hover{ color: var(--alken-gold-light); transform: translateX(2px); }
.alken-footer-links a:hover i{ opacity:1; transform: translateX(2px); }
.alken-footer-contact{ list-style:none; margin:0; padding:0; }
.alken-footer-contact li{ display:flex; align-items:flex-start; gap:.8rem; margin-bottom:1rem; font-size:.9rem; }
.alken-footer-contact a{ color: rgba(255,255,255,.65); transition:color .2s; }
.alken-footer-contact a:hover{ color: var(--alken-gold-light); }
.alken-footer-ico{
  flex:0 0 auto; width:34px; height:34px; border-radius:10px; display:flex; align-items:center; justify-content:center;
  background: rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1); color: var(--alken-gold-light); font-size:.9rem;
}
.alken-footer-bottom{ border-top:1px solid rgba(255,255,255,.1); margin-top:2.6rem; padding:1.4rem 0; font-size:.84rem; position:relative; }
.alken-footer-bottom a{ color: rgba(255,255,255,.55); margin-right:1.3rem; transition:color .2s; }
.alken-footer-bottom a:last-child{ margin-right:0; }
.alken-footer-bottom a:hover{ color:var(--alken-gold-light); }
.alken-footer-social a{
  width:38px; height:38px; border-radius:50%; border:1px solid rgba(255,255,255,.2); display:inline-flex; align-items:center; justify-content:center;
  margin-right:.6rem; transition:all .25s;
}
.alken-footer-social a:hover{ background:var(--alken-gold); border-color:var(--alken-gold); color:var(--alken-navy); transform:translateY(-3px); }
.alken-back-to-top{
  width:42px; height:42px; border-radius:50%; border:1px solid rgba(255,255,255,.2); background: rgba(255,255,255,.05);
  color:#fff; display:flex; align-items:center; justify-content:center; transition:all .25s; flex:0 0 auto;
}
.alken-back-to-top:hover{ background: var(--alken-blue); border-color:var(--alken-blue); transform:translateY(-3px); }

/* ============ Floating WhatsApp / Call ============ */
.alken-float-actions{ position:fixed; left:20px; bottom:24px; z-index:999; display:flex; flex-direction:column; gap:.7rem; }
.alken-float-btn{
  width:54px; height:54px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:1.4rem; color:#fff;
  box-shadow: var(--alken-shadow-strong); transition: transform .25s;
}
.alken-float-btn:hover{ transform: scale(1.08); color:#fff; }
.alken-float-wa{ background:#22C468; }
.alken-float-call{ background: var(--alken-blue); }

/* ============ Page hero (inner pages) ============ */
.alken-page-hero{
  position:relative; padding:5.5rem 0 5rem; overflow:hidden;
  background:
    radial-gradient(ellipse 560px 380px at 88% 10%, rgba(46,111,242,.28), transparent 60%),
    radial-gradient(ellipse 420px 340px at 6% 95%, rgba(199,154,69,.20), transparent 55%),
    linear-gradient(180deg,var(--alken-navy) 0%, var(--alken-navy-2) 100%);
}
.alken-page-hero::before{
  content:""; position:absolute; inset:0; opacity:.45; pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: radial-gradient(circle at 80% 20%, #000 0%, transparent 65%);
}
.alken-page-hero > .container{ position:relative; z-index:2; }
.alken-page-hero .alken-breadcrumb{ font-family:var(--alken-font-mono); font-size:.82rem; color:rgba(255,255,255,.6); margin-top:1rem; }
.alken-page-hero .alken-breadcrumb a{ color:rgba(255,255,255,.85); }
.alken-page-hero .alken-breadcrumb a:hover{ color:var(--alken-gold-light); }
.alken-page-hero-glyph{ position:absolute; right:6%; top:50%; transform:translateY(-50%); opacity:.5; width:120px; }
.alken-page-hero-glyph .alken-elev-cabin-mini{ animation: alkenMiniCabin 4s ease-in-out infinite alternate; }
@keyframes alkenMiniCabin{ from{ transform:translateY(0);} to{ transform:translateY(60px);} }
@media (max-width:991px){ .alken-page-hero-glyph{ display:none; } }

/* ============ Utility ============ */
.alken-divider{ width:60px; height:3px; background: var(--alken-gold); border-radius:3px; margin:1.2rem 0; }
.alken-section-head{ max-width:680px; margin-bottom:3.2rem; }
.alken-section-head.text-center{ margin-left:auto; margin-right:auto; text-align:center; }
.alken-badge-tech{
  display:inline-flex; align-items:center; gap:.6rem; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.14);
  border-radius:12px; padding:1.1rem 1.2rem; width:100%;
}
.alken-badge-tech i{ font-size:1.4rem; color:var(--alken-gold); }
.alken-badge-tech span{ font-size:.9rem; color:rgba(255,255,255,.85); font-weight:500; }

.alken-map-wrap{ border-radius: var(--alken-radius); overflow:hidden; border:1px solid var(--alken-line); }
.alken-map-wrap iframe{ width:100%; height:420px; border:0; display:block; }

.alken-contact-info-item{ display:flex; gap:1rem; align-items:flex-start; padding:1.4rem 0; border-bottom:1px solid var(--alken-line); }
.alken-contact-info-item i{
  width:48px; height:48px; border-radius:12px; background: var(--alken-off-white); display:flex; align-items:center; justify-content:center; color:var(--alken-blue); font-size:1.2rem; flex:0 0 auto;
}
.alken-contact-info-item h5{ font-size:.95rem; margin-bottom:.25rem; }
.alken-contact-info-item p, .alken-contact-info-item a{ font-size:.9rem; color:var(--alken-gray-700); }

/* AOS override refinement */
[data-aos]{ pointer-events:auto; }

@media (prefers-reduced-motion: reduce){
  *{ animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; scroll-behavior:auto !important; }
}

/* ============ Product detail sections (elevators page) ============ */
.alken-prod-section{ padding:4.5rem 0; border-bottom:1px solid var(--alken-line); }
.alken-prod-section:last-of-type{ border-bottom:none; }
.alken-prod-list-title{ font-family:var(--alken-font-mono); font-size:.76rem; letter-spacing:.1em; text-transform:uppercase; color:var(--alken-blue); margin-bottom:.7rem; display:block; }
.alken-prod-list li{ font-size:.9rem; color:var(--alken-gray-700); display:flex; gap:.55rem; margin-bottom:.55rem; }
.alken-prod-list li i{ color:var(--alken-gold); margin-top:.2rem; }
.alken-prod-num{ font-family:var(--alken-font-mono); font-size:.85rem; color:var(--alken-gray-500); }

/* ============ Stats panel (counters) ============ */
.alken-stats-panel{
  background: linear-gradient(120deg,var(--alken-navy) 0%, var(--alken-navy-2) 55%, var(--alken-navy-3) 100%);
  border-radius: var(--alken-radius-lg);
  padding:3.2rem 2.2rem;
  position:relative; overflow:hidden;
  box-shadow: var(--alken-shadow-strong);
}
.alken-stats-panel::before{
  content:""; position:absolute; inset:0; opacity:.55; pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size: 40px 40px;
  mask-image: radial-gradient(circle at 50% 50%, #000 0%, transparent 78%);
}
.alken-stats-panel::after{
  content:""; position:absolute; inset:0; opacity:.6; pointer-events:none;
  background-image:
    radial-gradient(circle at 8% 15%, rgba(199,154,69,.25), transparent 45%),
    radial-gradient(circle at 92% 85%, rgba(46,111,242,.32), transparent 50%);
}
.alken-stats-panel > .row{ position:relative; z-index:2; }
.alken-stats-panel .alken-counter-item{ border-right:1px solid rgba(255,255,255,.1); }
.alken-stats-panel .col-6:nth-child(2n) .alken-counter-item,
.alken-stats-panel .col-lg-3:last-child .alken-counter-item{ border-right:none; }
@media (max-width:767px){ .alken-stats-panel{ padding:2.4rem 1.4rem; } .alken-stats-panel .alken-counter-item{ border-right:none; margin-bottom:1.6rem; } .alken-stats-panel .alken-counter-item:last-child{ margin-bottom:0; } }

/* ============ Service areas section ============ */
.alken-areas-bg{
  position:relative; overflow:hidden;
  background:
    radial-gradient(ellipse 520px 360px at 90% 8%, rgba(46,111,242,.10), transparent 60%),
    radial-gradient(ellipse 460px 340px at 4% 96%, rgba(199,154,69,.12), transparent 55%),
    var(--alken-off-white);
}
.alken-areas-bg::before{
  content:""; position:absolute; inset:0; opacity:.6; pointer-events:none;
  background-image:
    linear-gradient(rgba(10,21,38,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(10,21,38,.035) 1px, transparent 1px);
  background-size: 36px 36px;
  mask-image: radial-gradient(ellipse 70% 60% at 50% 40%, #000 0%, transparent 75%);
}
.alken-areas-bg > .container{ position:relative; z-index:2; }
.alken-areas-card{
  background:#fff; border-radius: var(--alken-radius); border:1px solid var(--alken-line);
  padding:1.9rem 1.8rem; height:100%; box-shadow: var(--alken-shadow-soft); transition: transform .35s var(--alken-ease), box-shadow .35s var(--alken-ease);
}
.alken-areas-card:hover{ transform:translateY(-4px); box-shadow: var(--alken-shadow-strong); }
.alken-areas-card h4{ display:flex; align-items:center; gap:.6rem; }
.alken-areas-card h4 i{ color:var(--alken-blue); font-size:1.1rem; }