:root{
  --deep:#032c24;
  --green:#075844;
  --emerald:#0a7258;
  --gold:#c9a85d;
  --gold-soft:#e5d3a5;
  --ivory:#f4f7f4;
  --paper:#ffffff;
  --ink:#0d2923;
  --muted:#5e6d68;
  --line:rgba(6,67,54,.14);
  --shadow:0 24px 60px rgba(3,44,36,.08);
}

/* Modern institutional-fintech foundation */
body{background:#f4f7f4;color:var(--ink);font-family:Manrope,Arial,sans-serif;line-height:1.65}
body:before{display:none}
h1,h2,h3,blockquote,.brand strong,.footer-brand strong,.gateway strong,.hero-visual-caption p,
.page-hero h1,.section-intro h2,.process-strip h2,.principle-panel h2,.boundary h2,
.split-feature h2,.vision-mission h2,.roadmap h2,.inner-cta h2,.service-grid h3,
.capability-list span,.partner-grid h3,.value-grid h3{font-family:Manrope,Arial,sans-serif}
h1,h2,h3{font-weight:600;letter-spacing:-.04em}
h1{font-size:clamp(3.1rem,5vw,5.55rem);line-height:1.01}
h2{font-size:clamp(2.35rem,4vw,4.65rem);line-height:1.04}
h3{letter-spacing:-.025em}
em{font-style:normal;font-weight:500}
.section{padding:clamp(78px,8vw,112px) max(6vw,calc((100vw - var(--max))/2))}
.reveal{opacity:1;transform:none;transition:none}
@media (prefers-reduced-motion:no-preference){
  .reveal{opacity:0;transform:translate3d(0,30px,0);transition:opacity .72s ease,transform .82s cubic-bezier(.22,.78,.2,1);transition-delay:var(--reveal-delay,0ms)}
  .reveal.visible{opacity:1;transform:translate3d(0,0,0)}
}

/* Header: one clean line, restrained glass treatment */
.utility{height:30px;background:#02231d;color:#cbd7d2;border:0;font-size:8px;letter-spacing:.18em}
.site-header{height:82px;background:rgba(255,255,255,.9);border:0;border-bottom:1px solid rgba(4,55,45,.1);box-shadow:0 10px 35px rgba(4,42,35,.055);backdrop-filter:blur(18px);gap:26px}
.brand{gap:0;align-items:center}
.brand img{display:none}
.brand>span{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.brand small{display:block;width:100%;text-align:center;text-indent:0;transform:translateX(-.42em)}
.brand strong{margin:0;line-height:1}
.brand strong{font-size:29px;font-weight:600;line-height:1;letter-spacing:.13em}
.brand small{font-size:6px;letter-spacing:.24em;margin-top:6px;color:#60716b}
.site-header nav{gap:20px;font-size:12px}
.site-header nav>a:not(.nav-cta):after{bottom:-10px;height:2px;border-radius:2px;background:var(--gold)}
.nav-cta,.button{border-radius:12px}
.nav-cta{min-width:148px;padding:12px 17px;background:linear-gradient(135deg,#064b3c,#087259);box-shadow:0 10px 24px rgba(3,62,49,.14)}
.language-switch{border:1px solid rgba(5,65,52,.14);background:rgba(255,255,255,.92);box-shadow:0 10px 25px rgba(4,45,36,.09)}
.language-switch button[aria-pressed=true]{background:linear-gradient(135deg,#075440,#098069)}
.menu-toggle{border-radius:11px!important;box-shadow:0 10px 24px rgba(4,47,38,.15)}

/* Hero: brighter hierarchy and a subtle digital grid */
.hero{min-height:670px;background:#032f27}
.hero-copy{position:relative;background:#04352b!important}
.hero-architecture-copy:before{opacity:.46;filter:saturate(.68) contrast(1.02)}
.hero-architecture-copy:after{background:linear-gradient(110deg,rgba(2,41,34,.84),rgba(3,52,42,.7)),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,44px 44px,44px 44px}
.hero h1{max-width:780px;color:#fff;text-shadow:0 8px 36px rgba(0,0,0,.18)}
.hero h1 em{color:#e6cf99}
.lead{max-width:650px;color:#d0ddd7;font-size:17px;line-height:1.75}
.hero-meta{border-top:1px solid rgba(255,255,255,.16);color:#c4d2cc}
.hero-portrait{background:linear-gradient(150deg,#0a5846,#032b24)}
.hero-portrait:before,.hero-portrait:after{opacity:.55}
.hero-portrait .hero-visual-shade{background:linear-gradient(0deg,rgba(2,37,30,.96),rgba(2,37,30,.12) 58%),linear-gradient(90deg,rgba(2,39,32,.36),transparent 42%)}
.hero-visual-caption p{font-weight:550;letter-spacing:-.035em}

/* Navigation gateway and editorial sections */
.gateway{border-top:1px solid rgba(255,255,255,.12);background:#052f27}
.gateway>a{border-right:1px solid rgba(255,255,255,.11);transform:none!important}
.gateway>a:first-child{border-left:0}
.gateway>a:hover{background:#074437}
.gateway-icon{border:1px solid rgba(217,190,123,.42);border-radius:14px;background:rgba(255,255,255,.035)}
.gateway strong{font-size:18px;font-weight:650;letter-spacing:-.02em}
.editorial,.community,.vision-panel{background:#f4f7f4;border:0}
.editorial-copy .intro-line{font-size:19px}
.home-page #purpose{display:block;padding-bottom:34px}
.home-page #purpose>.section-index{margin-bottom:48px}
.home-page #purpose .editorial-heading{max-width:930px}
.home-page #purpose .editorial-heading .eyebrow{margin-bottom:16px}
.home-page #purpose .editorial-heading h2{max-width:850px}
.home-page #purpose .editorial-copy{max-width:1120px;padding-top:42px}
.home-page #purpose .editorial-copy .intro-line{max-width:850px;margin-bottom:34px}
.home-page #community{padding-top:56px}
.community-heading{grid-template-columns:minmax(0,1.15fr) minmax(320px,.72fr);column-gap:9%;row-gap:0}
.community-heading .section-index{grid-column:1;grid-row:1;margin-bottom:14px}
.community-heading .eyebrow{grid-column:1;grid-row:2;margin-bottom:16px}
.community-heading h2{grid-column:1;grid-row:3;max-width:none;font-size:clamp(2.65rem,4.2vw,4.45rem);line-height:1.02}
.community-heading h2 .heading-line,.community-heading h2 em{display:block}
.community-heading h2 .heading-line{white-space:nowrap}
.community-heading>p:last-child{grid-column:2;grid-row:3;padding-top:8px;align-self:start}
.manifesto{background:#064737}
.manifesto:before{font-family:Manrope,Arial,sans-serif;font-weight:700;color:rgba(255,255,255,.035)}
.manifesto-copy{background:linear-gradient(135deg,rgba(7,90,69,.72),rgba(3,48,39,.35))}

/* Cards: one border only, no ornamental double frames */
.community-paths,.service-list,.ecosystem-grid,.partner-grid,.value-grid{gap:16px}
.community-card,.service-card,.ecosystem-grid article,.partner-grid article,.value-grid article,
.direction-card,.event-card{border:1px solid rgba(5,67,54,.14);border-radius:18px;background:#fff;box-shadow:var(--shadow)}
.community-card{min-height:350px}
.community-card.featured{background:linear-gradient(150deg,#075642,#03372d);border-color:transparent}
.community-symbol{border-radius:16px;border:1px solid rgba(5,79,62,.18);background:#edf5f1}
.featured .community-symbol{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22)}
.ecosystem-band{border-top:1px solid var(--line);border-bottom:0;padding-bottom:0}
.purpose-icons article{border:1px solid rgba(5,67,54,.13);border-radius:16px;background:#fff;box-shadow:0 16px 36px rgba(4,50,40,.055)}
.purpose-icons article:after,.service-card:before,.home-page .service-card:after,
.home-page .service-card summary:before,.direction-card:before,.direction-card:after,
.direction-icon:after,.leadership-portrait:after{display:none}
.purpose-icons span,.service-card .service-mark{animation:none}
.purpose-icons span{border-radius:14px;background:#075440;box-shadow:none}
.purpose-story{border-top:1px solid var(--line);border-bottom:0}
.service-list{border:0!important}
.service-card{min-height:270px!important;overflow:hidden}
.service-card:hover,.service-card[open]{transform:translateY(-3px);border-color:rgba(164,128,48,.34);box-shadow:0 26px 62px rgba(4,49,40,.11)}
.home-page .service-card summary,.service-card summary{min-height:270px!important;padding:28px!important}
.service-card .service-mark,.home-page .service-card .service-mark{width:66px;height:66px;border-radius:16px;background:linear-gradient(145deg,#075843,#03372d);box-shadow:0 12px 25px rgba(4,54,43,.16)}
.home-page .service-card h3{font-size:clamp(1.35rem,1.7vw,1.75rem);font-weight:650}
.expand-mark,.purpose-story summary i{border:1px solid rgba(6,63,51,.18);background:#f6f8f6}
.service-detail p{border-top:1px solid var(--line)}

/* Motion remains subtle and functional */
.partner-slot{border:1px solid rgba(5,67,54,.13);border-radius:16px;box-shadow:0 14px 34px rgba(4,48,39,.055)}
.partner-slot b{border-radius:14px;box-shadow:none}
.partners-globe{border-radius:16px;box-shadow:none}
.audience-list span:before{animation-duration:10s;opacity:.65}
.direction-card{min-height:380px;padding:36px}
.direction-card>span{margin-top:42px;border-bottom:0;padding-bottom:0}
.direction-card h3{font-size:1.8rem;font-weight:650}
.vision-card{background:linear-gradient(145deg,#075541,#032d25);color:#fff;border-color:rgba(255,255,255,.12)}
.vision-card>span,.vision-card h3{color:#fff}
.vision-card p{color:#cfddd7}
.vision-card .direction-icon{background:rgba(255,255,255,.08);color:#e4ca89;border-color:rgba(255,255,255,.14)}

/* Dark panels and timelines */
.process,.statement,.profile-contributions,.ecosystem-standards{background:#042f27}
.process-steps li>span{border:1px solid rgba(221,194,127,.52);background:#042f27}
.process-steps li>div{border-bottom:1px solid rgba(255,255,255,.12)}
.vision-grid{border-top:1px solid var(--line)}
.vision-grid article{border-right:1px solid var(--line)}
.statement blockquote{font-family:Manrope,Arial,sans-serif;font-weight:550;font-size:clamp(2.35rem,4.2vw,4.8rem)}
.statement-watermark{font-family:Manrope,Arial,sans-serif;font-weight:700}
.contact{background:#e9f0ec}
.contact-top{border-bottom:1px solid var(--line)}

/* Secondary pages: modern technology-led system */
.page-hero{min-height:64vh;background-color:#04352b;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),radial-gradient(circle at 78% 28%,rgba(202,168,87,.2),transparent 24%),linear-gradient(135deg,#032b24,#075541);background-size:46px 46px,46px 46px,auto,auto}
.page-hero.digital,.ecosystem-hero,.events-hero{background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),radial-gradient(circle at 80% 25%,rgba(202,168,87,.2),transparent 23%),linear-gradient(135deg,#032b24,#075943);background-size:46px 46px,46px 46px,auto,auto}
.page-hero h1{font-weight:600;letter-spacing:-.05em;font-size:clamp(3rem,6vw,6.5rem)}
.page-hero aside{border-left:1px solid rgba(255,255,255,.2)}
.page-hero aside span{font-family:Manrope,Arial,sans-serif;font-weight:650}
.section-intro h2{font-size:clamp(2.35rem,4.4vw,4.8rem);font-weight:600}
.service-grid,.capability-list{border:0;gap:14px}
.service-grid article,.capability-list article,.capability-list article:nth-child(even),
.capability-list article:nth-child(odd){border:1px solid rgba(5,67,54,.14);border-radius:16px;background:#fff;padding:28px;box-shadow:0 16px 38px rgba(4,48,39,.055)}
.service-grid article{min-height:280px}
.service-grid h3{font-weight:650;font-size:1.35rem}
.capability-list article{display:grid;grid-template-columns:40px 1fr;gap:14px}
.capability-list span{font-weight:650;font-size:1.1rem}
.process-strip,.roadmap{background:#e9efeb}
.principle-panel,.boundary{border-radius:20px;background:#04352b}
.journey span{border:1px solid var(--line);border-radius:12px;background:#fff}
.journey i{background:var(--gold)}
.partner-grid,.value-grid{border:0}
.partner-grid article,.value-grid article{min-height:190px}
.vision-mission{gap:1px;background:var(--line)}
.vision-mission article,.vision-mission article+article{border:0;background:#fff}
.profile-facts,.career-timeline,.contribution-grid{border-top:1px solid var(--line)}
.profile-facts article,.career-timeline li{border-bottom:1px solid var(--line)}
.contribution-grid{border-left:0;gap:1px;background:rgba(255,255,255,.12)}
.contribution-grid article{border:0;background:#04352b}
.leadership-copy{background:linear-gradient(135deg,#064b3c,#032d25)}
.leadership-portrait{background:linear-gradient(150deg,#0b604b,#032d25)}
.leadership-tags span{border:1px solid rgba(216,189,126,.26)}
.profile-link{border-top:1px solid rgba(255,255,255,.16);border-bottom:0}
.people-framework{padding:clamp(82px,10vw,142px) 7%;background:linear-gradient(180deg,#f5f7f3 0%,#edf2ee 100%)}
.people-heading{display:grid;grid-template-columns:minmax(0,.9fr) minmax(300px,.55fr);column-gap:8%;align-items:end;margin-bottom:58px}
.people-heading .eyebrow{grid-column:1/-1;margin-bottom:24px}
.people-heading h2{font-size:clamp(2.8rem,5vw,5.7rem);line-height:.96}
.people-heading h2 em{color:var(--green)}
.people-heading>p:last-child{margin:0 0 8px;color:var(--muted);font-size:17px;max-width:590px}
.people-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(0,67,52,.17);border:1px solid rgba(0,67,52,.17);border-radius:20px;overflow:hidden}
.people-groups article{position:relative;min-height:310px;padding:32px 28px;background:rgba(255,255,255,.92);display:flex;flex-direction:column}
.people-groups article:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(5,83,66,.055),transparent 52%);pointer-events:none}
.people-icon{width:58px;height:58px;border-radius:16px;background:#e5eee8;color:var(--green);display:grid;place-items:center;margin-bottom:auto}
.people-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.people-groups small{position:absolute;right:26px;top:28px;color:#9a7a35;font-size:10px;font-weight:800;letter-spacing:.18em}
.people-groups h3{font-size:clamp(1.55rem,2vw,2.1rem);line-height:1.04;margin:32px 0 12px}
.people-groups p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}
.ecosystem-grid{grid-template-columns:repeat(4,1fr)}
.ecosystem-grid article{min-height:300px}
.ecosystem-icon{border-radius:16px}
.ecosystem-grid small,.ecosystem-grid a{border-top:1px solid var(--line)}
.status-list article{border-bottom:1px solid rgba(255,255,255,.14)}
.event-card{overflow:hidden}
.event-date{background:linear-gradient(145deg,#075541,#032d25)}
.event-copy{padding:38px}
.event-meta{border-top:1px solid var(--line)}

/* Footer */
footer{border-top:1px solid var(--line);background:#fff}
.footer-main{border-bottom:1px solid var(--line)}
.footer-brand{display:grid;grid-template-columns:88px 1fr;grid-template-rows:auto auto;column-gap:18px;align-items:center}
.footer-brand:before{content:"";grid-row:1/3;width:88px;height:88px;border-radius:50%;background:#fff url("assets/amwal-logo.jpg") center/cover no-repeat;border:1px solid rgba(5,70,56,.14);box-shadow:0 10px 28px rgba(4,54,43,.1)}
.footer-brand strong{font-weight:650;font-size:34px;align-self:end}
.footer-brand span{align-self:start}
.footer-links a{font-weight:650}

/* Premium editorial imagery: foundation and community */
.home-page .purpose-icons article{
  position:relative;
  isolation:isolate;
  min-height:220px;
  padding:24px;
  align-items:center;
  justify-content:center;
  text-align:center;
  border:0;
  border-radius:20px;
  background:#073d32;
  box-shadow:0 22px 48px rgba(3,43,35,.16);
}
.home-page .purpose-icons article:before{
  content:"";
  position:absolute;
  inset:-7px;
  z-index:0;
  display:block;
  background-image:url("assets/amwal-foundation-visuals.png");
  background-size:300% 100%;
  background-repeat:no-repeat;
  filter:blur(.85px) saturate(.62) brightness(.58) contrast(1.04);
  transform:scale(1.045);
}
.home-page .purpose-icons article:nth-child(1):before{background-position:left center}
.home-page .purpose-icons article:nth-child(2):before{background-position:center center}
.home-page .purpose-icons article:nth-child(3):before{background-position:right center}
.home-page .purpose-icons article:after{content:"";position:absolute;inset:0;z-index:1;display:block;background:linear-gradient(180deg,rgba(2,31,25,.58),rgba(2,31,25,.76)),radial-gradient(circle at 50% 48%,rgba(4,57,46,.14),rgba(2,31,25,.48))}
.home-page .purpose-icons span{display:none}
.home-page .purpose-icons b{
  position:relative;
  z-index:2;
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  color:#fff;
  font-size:24px;
  text-align:center;
  letter-spacing:.01em;
  text-shadow:0 3px 20px rgba(0,0,0,.66);
}
.home-page .purpose-icons b:before{display:inline-flex;align-items:center;justify-content:center;width:42px;height:28px;margin:0 auto 18px;border:1px solid rgba(230,204,139,.48);border-radius:999px;color:#f0d99d;background:rgba(2,38,31,.56);backdrop-filter:blur(8px);font:850 10px/1 Manrope,Arial,sans-serif;letter-spacing:.16em;text-shadow:none}
.home-page .purpose-icons article:nth-child(1) b:before{content:"01"}
.home-page .purpose-icons article:nth-child(2) b:before{content:"02"}
.home-page .purpose-icons article:nth-child(3) b:before{content:"03"}
.home-page .purpose-icons b:before{display:none!important;content:none!important}
.home-page .purpose-icons small{position:relative;z-index:2;display:block;max-width:220px;margin:12px auto 0;color:#edf3f0;font:500 14px/1.55 Manrope,Arial,sans-serif;text-align:center;text-shadow:0 2px 14px rgba(0,0,0,.58)}
.home-page .community-card,
.home-page .community-card.featured{
  position:relative;
  isolation:isolate;
  min-height:440px;
  padding:32px;
  align-items:center;
  justify-content:center;
  text-align:center;
  overflow:hidden;
  color:#fff;
  border:0;
  border-radius:22px;
  background:#073f33;
  box-shadow:0 24px 54px rgba(3,43,35,.16);
}
.home-page .community-card:nth-child(1){
  --community-image:url("assets/amwal-for-individuals-v2.png");
}
.home-page .community-card:nth-child(2){
  --community-image:url("assets/amwal-for-businesses-v2.png");
}
.home-page .community-card:nth-child(3){
  --community-image:url("assets/amwal-for-consultants-v2.png");
}
.home-page .community-card:before{content:"";position:absolute;inset:-7px;z-index:0;display:block;background:var(--community-image) center/cover no-repeat;filter:blur(1.7px) saturate(.66) brightness(.72);transform:scale(1.045)}
.home-page .community-card:after{content:"";position:absolute;inset:0;z-index:1;display:block;background:linear-gradient(180deg,rgba(2,31,25,.49),rgba(2,31,25,.68)),radial-gradient(circle at 50% 48%,rgba(4,57,46,.12),rgba(2,31,25,.42))}
.home-page .community-card>*{position:relative;z-index:2}
.home-page .community-card .community-symbol{display:none}
.home-page .community-card .community-no{display:inline-flex;align-items:center;justify-content:center;width:42px;height:28px;margin:0 auto 18px;border:1px solid rgba(230,204,139,.48);border-radius:999px;color:#f0d99d;background:rgba(2,38,31,.56);backdrop-filter:blur(8px);font-size:10px;font-weight:850;letter-spacing:.16em}
.home-page .community-card .community-no{display:none!important}
.home-page .community-card h3{width:100%;color:#fff;margin:0 0 13px;text-align:center;text-shadow:0 3px 20px rgba(0,0,0,.66)}
.home-page .community-card p,
.home-page .community-card.featured p{max-width:310px;color:#edf3f0;margin:0 auto;text-align:center;text-shadow:0 2px 14px rgba(0,0,0,.55)}
.home-page .community-card a,
.home-page .community-card.featured a{
  width:auto;
  min-width:180px;
  margin:24px auto 0;
  justify-content:center;
  color:#fff;
  border-color:rgba(255,255,255,.3);
}

/* Premium directional shimmer for AMWAL's primary assessment actions */
.home-page .nav-cta,
.home-page .contact .button-dark{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.home-page .nav-cta:before,
.home-page .contact .button-dark:before{
  content:"";
  position:absolute;
  z-index:-1;
  top:-70%;
  left:-45%;
  width:24%;
  height:240%;
  pointer-events:none;
  transform:rotate(18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.52),transparent);
  animation:amwal-cta-shine 3.8s ease-in-out infinite;
}
@keyframes amwal-cta-shine{
  0%,28%{left:-45%;opacity:0}
  38%{opacity:1}
  64%{left:125%;opacity:1}
  72%,100%{left:125%;opacity:0}
}
@media (prefers-reduced-motion:reduce){
  .home-page .nav-cta:before,
  .home-page .contact .button-dark:before{animation:none}
}

/* Dimensional expertise system: premium 3D symbols without visual clutter */
.home-page .expertise{
  background:
    radial-gradient(circle at 88% 8%,rgba(206,174,99,.19),transparent 23%),
    radial-gradient(circle at 8% 86%,rgba(5,99,78,.09),transparent 28%),
    #f5f6f1;
}
.home-page .expertise-heading{
  position:relative;
  overflow:hidden;
  padding:38px 150px 38px 40px;
  border:1px solid rgba(5,72,57,.13);
  border-radius:24px;
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(236,243,238,.86));
  box-shadow:0 26px 62px rgba(3,52,42,.09),inset 0 1px 0 #fff;
}
.home-page .expertise-heading:before,
.home-page .expertise-heading:after{
  content:"";
  position:absolute;
  pointer-events:none;
  border-radius:28px;
  transform:rotate(20deg);
}
.home-page .expertise-heading:before{
  width:112px;height:112px;right:34px;top:30px;
  background:linear-gradient(145deg,#0b7058,#033d32);
  box-shadow:0 22px 34px rgba(4,57,46,.25),inset 8px 8px 18px rgba(255,255,255,.13),inset -9px -9px 18px rgba(0,0,0,.22);
}
.home-page .expertise-heading:after{
  width:44px;height:44px;right:68px;top:64px;
  border-radius:50%;
  background:radial-gradient(circle at 32% 27%,#fff8d8 0 8%,#e2c47d 26%,#a77c2e 72%,#71501b 100%);
  box-shadow:0 9px 18px rgba(31,26,12,.3),inset 3px 3px 7px rgba(255,255,255,.55);
}
.home-page .service-card{
  perspective:800px;
  background:
    radial-gradient(circle at 84% 14%,rgba(212,181,107,.18),transparent 24%),
    linear-gradient(150deg,#fff 0%,#f1f5f1 100%);
  box-shadow:0 20px 48px rgba(3,50,40,.09),inset 0 1px 0 #fff;
}
.home-page .service-card:before{
  display:block;
  content:"";
  position:absolute;
  width:180px;height:180px;
  right:-86px;bottom:-90px;
  border:1px solid rgba(6,93,72,.11);
  border-radius:50%;
  background:radial-gradient(circle,rgba(9,105,82,.08),transparent 66%);
  transition:transform .45s ease;
}
.home-page .service-card:hover:before,.home-page .service-card[open]:before{transform:scale(1.14)}
.home-page .service-card .service-mark{
  position:relative;
  width:76px;height:76px;
  border:1px solid rgba(232,205,139,.45);
  border-radius:22px;
  background:linear-gradient(145deg,#0b735a 0%,#064b3c 46%,#022d25 100%);
  color:#f0d797;
  box-shadow:0 18px 28px rgba(3,51,41,.28),inset 7px 7px 13px rgba(255,255,255,.12),inset -7px -8px 14px rgba(0,0,0,.22);
  transform:translateY(-2px) rotate(-3deg);
  transition:transform .35s ease,box-shadow .35s ease;
}
.home-page .service-card .service-mark:before{
  content:"";position:absolute;inset:6px;border-radius:17px;
  border:1px solid rgba(255,255,255,.13);
}
.home-page .service-card .service-mark:after{
  content:"";position:absolute;width:15px;height:15px;right:10px;top:9px;border-radius:50%;
  background:radial-gradient(circle,#fff7d6 0 18%,#d8b968 38%,rgba(216,185,104,0) 72%);
}
.home-page .service-card:hover .service-mark,.home-page .service-card[open] .service-mark{
  transform:translateY(-8px) rotate(0);
  box-shadow:0 24px 36px rgba(3,51,41,.32),inset 7px 7px 13px rgba(255,255,255,.14),inset -7px -8px 14px rgba(0,0,0,.2);
}
.home-page .service-card .service-mark .icon-svg{
  position:relative;z-index:1;width:32px;height:32px;
  filter:drop-shadow(0 3px 3px rgba(0,0,0,.25));
}

/* Alternating scroll entrance: cards settle cleanly in their final position */
.home-page .expertise{overflow:hidden}
@media (prefers-reduced-motion:no-preference){
  .home-page .service-list .service-card{opacity:0;will-change:opacity,transform;transition:opacity .7s ease,transform .85s cubic-bezier(.22,.78,.2,1),border-color .35s ease,box-shadow .35s ease;transition-delay:var(--reveal-delay,0ms),var(--reveal-delay,0ms),0s,0s}
  .home-page .service-list .service-card:nth-child(odd){transform:translate3d(-72px,0,0)}
  .home-page .service-list .service-card:nth-child(even){transform:translate3d(72px,0,0)}
  .home-page .service-list .service-card.visible{opacity:1;transform:translate3d(0,0,0)}
  .home-page .service-list .service-card.visible:hover,
  .home-page .service-list .service-card.visible[open]{transform:translate3d(0,-3px,0);transition-delay:0s}
}

/* AMWAL direction marks: angular, ownable and dimensional */
.home-page .mission-vision-cards{gap:22px}
.home-page .direction-card{
  min-height:410px;
  padding:40px;
  border-radius:24px;
  border:1px solid rgba(4,70,56,.14);
  background:
    linear-gradient(145deg,rgba(255,255,255,.98),rgba(235,242,237,.95));
  box-shadow:0 26px 58px rgba(3,48,39,.11),inset 0 1px 0 #fff;
}
.home-page .direction-card:before{
  display:block;
  content:"";
  position:absolute;
  width:250px;height:250px;
  right:-120px;top:-110px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(8,109,84,.13),transparent 68%);
}
.home-page .direction-card:after{
  display:block;
  content:"";
  position:absolute;
  left:40px;right:40px;bottom:0;height:4px;
  background:linear-gradient(90deg,#0a7058 0 55%,#d5b86f 55% 100%);
}
.home-page .vision-card{
  color:#fff;
  border-color:rgba(229,207,151,.16);
  background:
    radial-gradient(circle at 82% 16%,rgba(213,184,111,.18),transparent 26%),
    linear-gradient(145deg,#075541,#022d25);
  box-shadow:0 28px 62px rgba(2,40,33,.24),inset 0 1px 0 rgba(255,255,255,.1);
}
.home-page .vision-card:after{background:linear-gradient(90deg,#d9bc75 0 45%,#0d8a6c 45% 100%)}
.home-page .direction-icon,
.home-page .vision-card .direction-icon{
  position:relative;
  isolation:isolate;
  width:112px;height:112px;
  border:1px solid rgba(230,204,138,.38);
  border-radius:0;
  clip-path:polygon(17% 0,83% 0,100% 17%,100% 83%,83% 100%,17% 100%,0 83%,0 17%);
  background:linear-gradient(145deg,#0c755c 0%,#07503f 48%,#022d25 100%);
  color:#f0d490;
  box-shadow:none;
  filter:drop-shadow(0 18px 16px rgba(3,47,38,.28));
  transform:perspective(500px) rotateX(7deg) rotateY(-8deg);
  transition:transform .35s ease,filter .35s ease;
}
.home-page .vision-card .direction-icon{
  background:linear-gradient(145deg,#f0dba4 0%,#caa657 45%,#76551f 100%);
  color:#073f34;
  border-color:rgba(255,255,255,.38);
  filter:drop-shadow(0 18px 18px rgba(0,0,0,.3));
}
.home-page .direction-icon:before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:8px;
  clip-path:inherit;
  border:1px solid rgba(255,255,255,.17);
  background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(0,0,0,.1));
}
.home-page .direction-icon:after{
  display:block;
  content:"";
  position:absolute;
  width:44px;height:160%;
  left:-70%;top:-30%;
  border:0;border-radius:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);
  transform:rotate(24deg);
  animation:amwalDirectionShine 5.8s ease-in-out infinite;
}
.home-page .direction-card:hover .direction-icon{
  transform:perspective(500px) rotateX(0) rotateY(0) translateY(-5px);
  filter:drop-shadow(0 23px 19px rgba(3,47,38,.34));
}
.home-page .direction-icon .icon-svg{
  position:relative;z-index:2;
  width:52px;height:52px;
  stroke-width:1.65;
  filter:drop-shadow(0 4px 3px rgba(0,0,0,.22));
}

/* Mission and vision use real editorial photography, not decorative symbols */
.home-page .mission-vision-cards{align-items:stretch}
.home-page .direction-card,
.home-page .vision-card{
  position:relative;
  min-height:430px;
  padding:0;
  overflow:hidden;
  display:flex;
  background:#032d25;
  color:#fff;
  box-shadow:0 26px 58px rgba(3,48,39,.12);
}
.home-page .direction-card:before,.home-page .direction-card:after{display:none!important}
.home-page .direction-photo{position:absolute;inset:0;height:100%;margin:0;overflow:hidden;background:#073f34}
.home-page .direction-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,31,25,.28),rgba(2,31,25,.64)),radial-gradient(circle at 50% 48%,rgba(2,31,25,.12),rgba(2,31,25,.38))}
.home-page .direction-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) brightness(.76);transition:transform .65s ease,filter .65s ease}
.home-page .direction-card:hover .direction-photo img{transform:scale(1.035)}
.home-page .direction-card:hover .direction-photo img{filter:saturate(.86) brightness(.82)}
.home-page .direction-copy{position:relative;z-index:2;width:100%;min-height:430px;padding:45px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.home-page .direction-copy>span{display:inline-flex;margin:0 0 20px;padding:9px 14px;border:1px solid rgba(230,204,139,.48);border-radius:999px;color:#f0d99d;background:rgba(2,38,31,.56);backdrop-filter:blur(8px);font-size:10px;font-weight:850;letter-spacing:.2em;box-shadow:0 10px 24px rgba(0,0,0,.15)}
.home-page .direction-copy h3{max-width:520px;margin:0;color:#fff;font-size:clamp(1.65rem,2.25vw,2.2rem);font-weight:650;line-height:1.22;text-shadow:0 3px 22px rgba(0,0,0,.72)}
.home-page .vision-card .direction-copy{background:transparent}
.home-page .vision-card .direction-copy>span{color:#f0d99d}
.home-page .vision-card .direction-copy h3{color:#fff}
@keyframes amwalDirectionShine{
  0%,62%,100%{left:-70%;opacity:0}
  72%{opacity:1}
  88%{left:125%;opacity:0}
}

/* Direction values: a distinct operating-principles segment */
.home-page .direction-values{margin-top:76px;padding-top:46px;border-top:1px solid rgba(5,70,56,.16)}
.home-page .direction-values-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}
.home-page .direction-values-head .eyebrow{margin:0}
.home-page .direction-values-head>h3{max-width:570px;margin:0;text-align:right;color:#073f34;font:650 clamp(1.45rem,2.2vw,2.15rem)/1.2 Manrope,Arial,sans-serif;letter-spacing:-.035em}
.home-page .vision-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin:34px 0 0!important;
  border:0;
}
.home-page .vision-grid article,
.home-page .vision-grid article+article{
  position:relative;
  overflow:hidden;
  min-height:300px;
  padding:30px;
  border:1px solid rgba(5,70,56,.13);
  border-radius:22px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  box-shadow:0 20px 46px rgba(3,47,38,.09),inset 0 1px 0 rgba(255,255,255,.7);
}
.home-page .vision-grid article:nth-child(1){
  background:
    linear-gradient(180deg,rgba(255,255,255,.22),rgba(234,243,238,.96)),
    repeating-linear-gradient(90deg,transparent 0 28px,rgba(7,93,72,.05) 28px 29px),
    #f8faf7;
}
.home-page .vision-grid article:nth-child(2){
  background:
    linear-gradient(145deg,rgba(255,255,255,.92),rgba(235,227,204,.84)),
    #f4f0e5;
}
.home-page .vision-grid article:nth-child(3){
  color:#fff;
  border-color:rgba(224,197,132,.2);
  background:
    radial-gradient(circle at 82% 18%,rgba(218,190,122,.2),transparent 27%),
    linear-gradient(145deg,#096049,#032f27);
  box-shadow:0 24px 52px rgba(2,41,34,.22),inset 0 1px 0 rgba(255,255,255,.1);
}
.home-page .value-visual{
  position:absolute;
  left:28px;top:28px;
  width:78px;height:78px;
  display:grid;place-items:center;
  border:1px solid rgba(226,199,133,.42);
  border-radius:20px;
  background:linear-gradient(145deg,#0b735a,#03352b);
  color:#efd694;
  box-shadow:0 16px 26px rgba(3,50,40,.24),inset 6px 6px 11px rgba(255,255,255,.12),inset -7px -7px 12px rgba(0,0,0,.2);
  transform:perspective(420px) rotateX(7deg) rotateY(-8deg);
}
.home-page .vision-grid article:nth-child(2) .value-visual{
  background:linear-gradient(145deg,#f0dca6,#b88d39);
  color:#063f33;
  border-color:rgba(255,255,255,.55);
}
.home-page .vision-grid article:nth-child(3) .value-visual{
  background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.035));
  border-color:rgba(230,204,141,.34);
}
.home-page .value-visual .icon-svg{width:37px;height:37px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 3px 3px rgba(0,0,0,.2))}
.home-page .vision-grid h3{margin:0 0 12px;font-size:2rem;font-weight:650;color:#073f34}
.home-page .vision-grid p{margin:0;color:#5d6c65;font-size:15px;line-height:1.7}
.home-page .vision-grid article:nth-child(3) h3{color:#fff}
.home-page .vision-grid article:nth-child(3) p{color:#d3e0da}

/* Editorial legacy statement: calmer rhythm and easier reading */
.home-page .statement{
  padding:clamp(100px,11vw,155px) 7%;
  background:
    linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px),
    radial-gradient(circle at 50% 20%,rgba(13,109,84,.22),transparent 38%),
    #022b24;
  background-size:48px 48px,48px 48px,auto,auto;
}
.home-page .statement:before{content:"“";display:block;margin:0 auto 18px;font:500 5rem/.7 'Cormorant Garamond',Georgia,serif;color:#d9bd78}
.home-page .statement .eyebrow{margin-bottom:34px}
.home-page .statement blockquote{
  max-width:980px;
  margin:0 auto;
  font-family:'Cormorant Garamond',Georgia,serif;
  font-size:clamp(2.35rem,4.2vw,4.7rem);
  font-weight:500;
  line-height:1.16;
  letter-spacing:-.025em;
  text-wrap:balance;
}
.home-page .statement-tags{max-width:650px;margin:58px auto 0;padding-top:25px;border-top:1px solid rgba(255,255,255,.17)}

/* Final call to action: one premium brand language with the sections above */
.home-page .contact{
  color:#fff;
  background:
    radial-gradient(circle at 10% 15%,rgba(211,181,109,.15),transparent 24%),
    linear-gradient(135deg,#075642,#022d25);
}
.home-page .contact-top{border-bottom-color:rgba(255,255,255,.18)}
.home-page .contact-top .eyebrow{color:#e4cd94}
.home-page .contact-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.65fr);gap:8%}
.home-page .contact-grid h2{color:#fff;font-size:clamp(2.8rem,5vw,5.4rem);line-height:1.02;text-wrap:balance}
.home-page .contact-grid h2 em{color:#e3ca8d}
.home-page .contact-copy{
  padding:30px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:20px;
  background:rgba(255,255,255,.055);
  box-shadow:0 22px 45px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(8px);
}
.home-page .contact-copy p{color:#d0ded7}
.home-page .contact .button-dark{background:#e1c57e;color:#052f27}
.home-page .contact .email{color:#e7d7ae}

/* Footer becomes the closing AMWAL signature */
.home-page+footer,body.home-page footer{
  color:#fff;
  border-top:1px solid rgba(223,194,124,.4);
  background:#021f19;
}
body.home-page footer .footer-main{border-bottom-color:rgba(255,255,255,.14)}
body.home-page footer .footer-brand:before{border-color:rgba(224,197,132,.35);box-shadow:0 14px 34px rgba(0,0,0,.26)}
body.home-page footer .footer-brand span,body.home-page footer .footer-bottom,body.home-page footer .disclaimer{color:#aebfb7}
body.home-page footer .footer-links a{color:#dce6e1}
body.home-page footer .back-top{color:#e2ca91}
.home-page .app-phase-heading{
  width:min(calc(100% - 12vw),var(--max));
  max-width:780px;
  margin:64px auto 30px;
  padding:0 24px;
  text-align:center;
}
.home-page .app-phase-heading small{
  display:block;
  margin-bottom:13px;
  color:#987a35;
  font-size:10px;
  font-weight:850;
  letter-spacing:.22em;
}
.home-page .app-phase-heading h2{
  margin:0;
  color:#063f34;
  font:650 clamp(2.25rem,4.2vw,4rem)/1.02 Manrope,Arial,sans-serif;
  letter-spacing:-.055em;
  text-wrap:balance;
}
.home-page .app-phase-heading p{
  margin:14px auto 0;
  color:#65756f;
  font-size:15px;
  line-height:1.6;
}
.home-page .app-promo{
  width:min(calc(100% - 12vw),var(--max));
  margin:0 auto;
  display:grid;
  grid-template-columns:210px minmax(0,1fr) auto;
  gap:38px;
  align-items:center;
  min-height:390px;
  padding:42px max(6vw,calc((100vw - var(--max))/2));
  overflow:hidden;
  border:1px solid rgba(226,198,132,.25);
  border-radius:24px 24px 0 0;
  background:
    radial-gradient(circle at 13% 32%,rgba(36,170,128,.24),transparent 30%),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(135deg,#073d31,#022a22);
  background-size:auto,28px 28px,28px 28px,auto;
  box-shadow:0 20px 42px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.07);
}
.home-page .app-device-visual{position:relative;z-index:1;justify-self:center;width:220px;margin:-70px 0 -68px;filter:drop-shadow(0 28px 34px rgba(0,0,0,.42));transform:rotate(-2deg);transition:transform .35s ease,filter .35s ease}
.home-page .app-device-visual:after{content:"";position:absolute;right:8%;bottom:9%;left:8%;height:15%;z-index:-1;border-radius:50%;background:rgba(25,203,145,.24);filter:blur(28px)}
.home-page .app-device-visual:hover{transform:rotate(0) translateY(-7px);filter:drop-shadow(0 34px 42px rgba(0,0,0,.5))}
.home-page .app-device-visual img{display:block;width:100%;height:auto;border-radius:30px}
.home-page .app-promo-copy{position:relative;z-index:1}
.home-page .app-promo-copy small{display:block;margin-bottom:9px;color:#d9bd78;font-size:10px;font-weight:800;letter-spacing:.18em}
.home-page .app-promo-copy h3{margin:0 0 12px;color:#fff;font:650 clamp(2rem,4vw,3.3rem)/1 Manrope,Arial,sans-serif;letter-spacing:-.05em}
.home-page .app-promo-copy p{margin:0;max-width:580px;color:#bacbc3;font-size:15px;line-height:1.65}
.home-page .app-status{
  position:relative;z-index:1;padding:13px 18px;
  border:1px solid rgba(224,197,132,.38);
  border-radius:999px;
  color:#f0d99f;font-size:10px;font-weight:850;letter-spacing:.14em;text-decoration:none;white-space:nowrap;
  background:rgba(225,195,122,.08);transition:background .25s ease,color .25s ease,transform .25s ease;
}
.home-page .app-status:hover{color:#063c2e;background:#e2c882;transform:translateY(-2px)}

@media(max-width:1050px){
  .site-header{gap:15px}
  .site-header nav{gap:12px}
  .ecosystem-grid{grid-template-columns:repeat(2,1fr)}
  .people-groups{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:760px){
  h1{font-size:clamp(2.65rem,12vw,4rem)}
  h2{font-size:clamp(2.05rem,9vw,3.25rem)}
  .section{padding:70px 7%}
  .site-header{height:70px;background:rgba(255,255,255,.96)}
  .brand{gap:0}
  .brand strong{font-size:24px}
  .brand small{display:block;font-size:6px;letter-spacing:.2em;margin-top:6px}
  .site-header nav{border-top:1px solid var(--line);box-shadow:0 24px 45px rgba(4,43,35,.12)}
  .hero-copy{min-height:520px;padding-top:58px}
  .hero h1{font-size:clamp(2.8rem,12.5vw,4rem)}
  .hero-visual{height:470px}
  .gateway{grid-template-columns:1fr}
  .gateway>a{min-height:105px;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}
  .community-heading{display:block}
  .home-page #purpose>.section-index{margin-bottom:34px}
  .home-page #purpose .editorial-copy{padding-top:30px}
  .community-heading .section-index{margin-bottom:22px}
  .community-heading .eyebrow{margin-bottom:14px}
  .community-heading h2{font-size:clamp(1.95rem,7.8vw,2.45rem);line-height:1.08;letter-spacing:-.045em}
  .community-heading h2 .heading-line{white-space:nowrap}
  .community-heading>p:last-child{margin-top:18px}
  .community-paths{grid-template-columns:1fr;margin-top:45px}
  .home-page .community-card,.home-page .community-card.featured{min-height:410px;padding:27px}
  .home-page .purpose-icons{grid-template-columns:1fr;gap:12px}
  .home-page .purpose-icons article{min-height:200px;padding:22px}
  .home-page .purpose-icons b{font-size:20px}
  .home-page .expertise-heading{padding:30px 28px 125px;align-items:start}
  .home-page .expertise-heading:before{width:78px;height:78px;right:28px;top:auto;bottom:24px;border-radius:21px}
  .home-page .expertise-heading:after{width:31px;height:31px;right:51px;top:auto;bottom:47px}
  .home-page .direction-card{min-height:350px;padding:28px}
  .home-page .direction-card:after{left:28px;right:28px}
  .home-page .direction-icon,.home-page .vision-card .direction-icon{width:92px;height:92px}
  .home-page .direction-icon .icon-svg{width:43px;height:43px}
  .home-page .direction-card,.home-page .vision-card{min-height:390px;padding:0}
  .home-page .direction-photo{height:100%}
  .home-page .direction-copy{min-height:390px;padding:34px 25px}
  .home-page .direction-copy h3{font-size:1.45rem}
  .home-page .direction-values{margin-top:54px;padding-top:34px}
  .home-page .direction-values-head{display:block}
  .home-page .direction-values-head .eyebrow{margin-bottom:14px}
  .home-page .direction-values-head>h3{text-align:left;font-size:1.45rem}
  .home-page .vision-grid{grid-template-columns:1fr;gap:12px;margin-top:26px!important}
  .home-page .vision-grid article,.home-page .vision-grid article+article{min-height:255px;padding:25px}
  .home-page .value-visual{width:66px;height:66px;left:24px;top:24px;border-radius:18px}
  .home-page .value-visual .icon-svg{width:31px;height:31px}
  .home-page .statement{padding:90px 7%}
  .home-page .statement blockquote{font-size:clamp(2.1rem,9vw,3rem);line-height:1.18}
  .home-page .statement-tags{margin-top:42px}
  .home-page .contact-grid{grid-template-columns:1fr;gap:34px}
  .home-page .contact-copy{padding:25px}
  .home-page .app-phase-heading{width:calc(100% - 28px);margin:42px auto 24px;padding:0 14px}
  .home-page .app-phase-heading small{margin-bottom:11px}
  .home-page .app-phase-heading h2{font-size:clamp(2.1rem,10vw,3rem);line-height:1.06}
  .home-page .app-phase-heading p{margin-top:12px;font-size:13px}
  .home-page .app-promo{width:calc(100% - 28px);margin:0 auto;grid-template-columns:1fr;gap:24px;min-height:0;padding:46px 7%;text-align:center;border-radius:18px 18px 0 0}
  .home-page .app-device-visual{width:min(235px,74vw);margin:-34px auto -28px;transform:none}
  .home-page .app-device-visual:hover{transform:translateY(-5px)}
  .home-page .app-promo-copy h3{font-size:2rem}
  .home-page .app-promo-copy p{margin-inline:auto;font-size:14px}
  .home-page .app-status{justify-self:center;margin-top:0}
  .service-card,.home-page .service-card,.service-card summary,.home-page .service-card summary{min-height:232px!important}
  .service-card summary,.home-page .service-card summary{padding:24px!important}
  .service-card .service-mark,.home-page .service-card .service-mark{width:60px;height:60px}
  .direction-card{min-height:330px;padding:28px}
  .page-hero{min-height:auto;padding-top:7rem}
  .page-hero h1{font-size:clamp(2.65rem,11vw,3.65rem)}
  .section-intro h2{font-size:clamp(2.1rem,9vw,3.35rem)}
  .service-grid,.capability-list,.partner-grid,.value-grid,.ecosystem-grid{grid-template-columns:1fr;gap:12px}
  .service-grid article{min-height:230px}
  .principle-panel,.boundary{margin-inline:5%;padding:34px 25px;border-radius:16px}
  .vision-mission{grid-template-columns:1fr}
  .footer-brand{grid-template-columns:68px 1fr;column-gap:14px}
  .footer-brand:before{width:68px;height:68px}
  .footer-brand strong{font-size:28px}
  .people-framework{padding:72px 7%}
  .people-heading{display:block;margin-bottom:38px}
  .people-heading>p:last-child{margin-top:24px;font-size:15px}
  .people-groups{grid-template-columns:1fr;border-radius:16px}
  .people-groups article{min-height:235px;padding:26px 24px}
  .people-groups h3{margin-top:28px}
  .event-copy{padding:26px}
  .language-switch{right:16px!important;bottom:18px!important}
}

/* Business-ready expansion and assessment journey */
.home-page .future-capabilities{
  width:min(calc(100% - 12vw),var(--max));
  margin:0 auto 72px;
  padding:38px;
  display:grid;
  grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);
  gap:42px;
  border:1px solid rgba(226,198,132,.25);
  border-top:0;
  border-radius:0 0 24px 24px;
  background:
    radial-gradient(circle at 86% 100%,rgba(36,170,128,.18),transparent 30%),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(135deg,#073d31,#022a22);
  background-size:auto,28px 28px,28px 28px,auto;
  box-shadow:0 26px 60px rgba(3,43,35,.14);
}
.home-page .future-capabilities-heading{align-self:center}
.home-page .future-capabilities-heading .eyebrow{color:#dec486}
.home-page .future-capabilities-heading h3{margin:13px 0 14px;color:#fff;font-size:clamp(1.7rem,2.6vw,2.45rem);line-height:1.08}
.home-page .future-capabilities-heading>p:last-child{max-width:34rem;color:#b9cbc3;line-height:1.7}
.home-page .future-capabilities-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.home-page .future-card{
  position:relative;
  min-height:330px;
  padding:24px 25px 25px;
  display:grid;
  grid-template-rows:70px minmax(58px,auto) auto 1fr;
  align-content:start;
  border:1px solid rgba(255,255,255,.13);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.035));
  overflow:hidden;
}
.home-page .future-card:before{content:"";position:absolute;inset:0;background:linear-gradient(118deg,transparent 30%,rgba(255,255,255,.09) 48%,transparent 66%);transform:translateX(-105%);animation:future-sheen 7s ease-in-out infinite}
.home-page .future-card:nth-child(2):before{animation-delay:1.2s}
@keyframes future-sheen{0%,50%{transform:translateX(-105%)}70%,100%{transform:translateX(105%)}}
.home-page .future-icon{position:relative;z-index:1;width:58px;height:58px;display:grid;place-items:center;border-radius:17px;color:#ead398;background:rgba(226,197,130,.1);border:1px solid rgba(226,197,130,.24)}
.home-page .future-icon .icon-svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.home-page .future-status{position:relative;z-index:1;justify-self:start;display:flex;align-items:center;gap:7px;margin:3px 0 16px;padding:13px 18px;border:1px solid rgba(224,197,132,.38);border-radius:999px;background:rgba(225,195,122,.08);color:#f0d99f;font-size:10px;font-weight:850;letter-spacing:.14em}
.home-page .future-status .icon-svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7}
.home-page .future-card h3{position:relative;z-index:1;align-self:end;min-height:52px;margin:0 0 8px;color:#fff;font-size:1.35rem;line-height:1.16;text-wrap:balance;overflow-wrap:normal;word-break:normal}
.home-page .future-card p{position:relative;margin:0;color:#b9c9c2;font-size:14px;line-height:1.65;overflow-wrap:normal;word-break:normal}
.home-page .engagement-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:24px 0}
.home-page .engagement-steps span{min-height:76px;padding:12px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.055)}
.home-page .engagement-steps b{display:block;margin-bottom:8px;color:#e2c77f;font-size:11px;letter-spacing:.1em}
.home-page .engagement-steps i{display:block;color:#d8e4de;font-size:12px;font-style:normal;line-height:1.35}
.home-page .contact .button-dark{border:0;cursor:pointer;font:inherit}
.assessment-dialog{width:min(760px,calc(100% - 30px));max-height:calc(100dvh - 30px);padding:0;border:0;border-radius:22px;background:#f8faf8;color:#073d32;box-shadow:0 35px 90px rgba(0,24,20,.45)}
.assessment-dialog::backdrop{background:rgba(1,25,21,.72);backdrop-filter:blur(8px)}
.assessment-dialog[open]{animation:assessment-in .24s ease-out}
@keyframes assessment-in{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}
.assessment-form{position:relative;padding:40px}
.assessment-form>h2{max-width:580px;margin:10px 0 12px;font-size:clamp(2rem,4vw,3.2rem);line-height:1.02}
.assessment-form>p:not(.eyebrow):not(.assessment-note){max-width:610px;color:#64746d;line-height:1.65}
.assessment-close{position:absolute;right:20px;top:18px;width:42px;height:42px;border:1px solid rgba(5,69,56,.16);border-radius:50%;background:#fff;color:#063f34;font-size:26px;line-height:1;cursor:pointer}
.assessment-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px}
.assessment-fields label{display:grid;gap:8px;color:#274c43;font-size:13px;font-weight:700}
.assessment-fields input,.assessment-fields select,.assessment-fields textarea{width:100%;padding:13px 14px;border:1px solid #cad8d2;border-radius:10px;background:#fff;color:#092f27;font:inherit;outline:none}
.assessment-fields input:focus,.assessment-fields select:focus,.assessment-fields textarea:focus{border-color:#0d725b;box-shadow:0 0 0 3px rgba(13,114,91,.12)}
.assessment-fields textarea{resize:vertical;min-height:104px}
.assessment-wide{grid-column:1/-1}
.assessment-note{margin:17px 0;color:#71817a;font-size:12px;line-height:1.55}
.assessment-submit{border:0;background:linear-gradient(135deg,#07513f,#08745a);color:#fff;cursor:pointer}
body.assessment-open{overflow:hidden}

@media(max-width:760px){
  .home-page .future-capabilities{width:calc(100% - 28px);margin:0 auto 54px;grid-template-columns:1fr;padding:25px;gap:27px;border-radius:0 0 18px 18px}
  .home-page .future-capabilities-grid{grid-template-columns:1fr}
  .home-page .future-card{min-height:330px;padding:24px 25px 27px;grid-template-rows:70px minmax(58px,auto) auto 1fr}
  .home-page .future-card h3{min-height:52px;font-size:1.28rem;line-height:1.18}
  .home-page .future-card p{font-size:15px;line-height:1.62}
  .home-page .engagement-steps{grid-template-columns:1fr}
  .home-page .engagement-steps span{min-height:0;display:grid;grid-template-columns:30px 1fr;align-items:center}
  .home-page .engagement-steps b{margin:0}
  .assessment-form{padding:33px 22px 26px}
  .assessment-fields{grid-template-columns:1fr;gap:13px}
  .assessment-wide{grid-column:auto}
}

@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}
}

/* Unified AMWAL visual system for all secondary pages */
.inner-page{overflow:hidden;background:linear-gradient(180deg,#f5f8f5 0%,#eef3ef 100%)}
.inner-page .page-hero{
  position:relative;
  isolation:isolate;
  min-height:650px;
  overflow:hidden;
  background-color:#04352b;
  background-image:
    linear-gradient(90deg,rgba(2,39,32,.96) 0%,rgba(3,53,43,.9) 48%,rgba(3,50,41,.68) 100%),
    url("assets/amwal-architecture.webp");
  background-size:cover,cover;
  background-position:center,center 44%;
}
.inner-page .page-hero:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  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:44px 44px;
  mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.6));
}
.inner-page .page-hero>div,.inner-page .page-hero>aside{position:relative;z-index:1}
.inner-page .page-hero>div>p:last-child{max-width:720px;color:#d0ddd7;font-size:17px;line-height:1.75}
.inner-page .page-hero aside{align-self:end;margin-bottom:6px;padding:30px;border:1px solid rgba(228,204,147,.22);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.035));box-shadow:0 22px 48px rgba(0,0,0,.18);backdrop-filter:blur(12px)}
.inner-page .page-hero aside span{color:#e6ca84}
.inner-page .page-hero aside strong{color:#fff}
.inner-page .page-hero aside small{color:#bacbc3}
.inner-page .inner-section{position:relative;padding-top:clamp(88px,9vw,132px);padding-bottom:clamp(88px,9vw,132px)}
.inner-page .inner-section:before{content:"";position:absolute;top:0;right:7%;left:7%;height:1px;background:linear-gradient(90deg,transparent,rgba(4,70,56,.18),transparent)}
.inner-page .section-intro{align-items:end;margin-bottom:52px}
.inner-page .section-intro .eyebrow{color:#9a7932}
.inner-page .section-intro>p:last-child{max-width:590px;color:#63736d;font-size:16px;line-height:1.75}
.inner-page .service-grid article,.inner-page .capability-list article,.inner-page .partner-grid article,.inner-page .value-grid article,.inner-page .ecosystem-grid article{position:relative;overflow:hidden;border-color:rgba(5,67,54,.12);background:linear-gradient(155deg,#fff 58%,#f0f5f1 100%);box-shadow:0 18px 44px rgba(3,49,39,.065);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.inner-page .service-grid article:before,.inner-page .capability-list article:before,.inner-page .partner-grid article:before,.inner-page .value-grid article:before,.inner-page .ecosystem-grid article:before{content:"";position:absolute;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,#0a7258,#d6b96d);opacity:.82}
.inner-page .service-grid article:hover,.inner-page .capability-list article:hover,.inner-page .partner-grid article:hover,.inner-page .value-grid article:hover,.inner-page .ecosystem-grid article:hover{transform:translateY(-5px);border-color:rgba(172,136,57,.32);box-shadow:0 28px 62px rgba(3,49,39,.11)}
.inner-page .service-grid article>b,.inner-page .capability-list article>b,.inner-page .partner-grid article>span,.inner-page .value-grid article>b{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(198,164,84,.3);border-radius:12px;background:#edf4f0;color:#856821;font-size:11px;letter-spacing:.08em}
.inner-page .process-strip,.inner-page .roadmap{color:#fff;background:radial-gradient(circle at 88% 15%,rgba(211,178,100,.18),transparent 26%),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(135deg,#063f33,#022a22);background-size:auto,32px 32px,32px 32px,auto}
.inner-page .process-strip .eyebrow,.inner-page .roadmap .eyebrow{color:#ddc27f}
.inner-page .process-strip h2,.inner-page .roadmap h2{color:#fff}
.inner-page .process-strip li,.inner-page .roadmap li{border-color:rgba(255,255,255,.14)}
.inner-page .process-strip li b,.inner-page .roadmap li b{color:#e1c781}
.inner-page .process-strip li span,.inner-page .roadmap li span,.inner-page .roadmap li small{color:#d6e1dc}
.inner-page .split-feature{gap:1px;background:rgba(5,67,54,.14)}
.inner-page .split-feature article{border:0;background:linear-gradient(155deg,#fff,#eef4f0)}
.inner-page .split-feature article.dark{background:linear-gradient(145deg,#075541,#032d25)}
.inner-page .principle-panel,.inner-page .boundary{box-shadow:0 28px 70px rgba(3,45,36,.14)}
.inner-page .inner-cta{position:relative;overflow:hidden;background:radial-gradient(circle at 85% 30%,rgba(212,178,96,.19),transparent 28%),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(135deg,#06483a,#022a22);background-size:auto,34px 34px,34px 34px,auto}
.inner-page .inner-cta .button{border:1px solid rgba(228,204,147,.34);background:rgba(255,255,255,.08);box-shadow:0 14px 34px rgba(0,0,0,.16)}
.inner-page .event-card{border-radius:20px;box-shadow:0 22px 54px rgba(3,49,39,.1)}

@media(max-width:760px){
  .inner-page .page-hero{min-height:auto;padding-top:7.2rem;padding-bottom:4.5rem;background-position:center,62% center}
  .inner-page .page-hero>div>p:last-child{font-size:15px;line-height:1.7}
  .inner-page .page-hero aside{align-self:auto;margin-top:26px;margin-bottom:0;padding:22px;border-radius:16px}
  .inner-page .section-intro{margin-bottom:36px}
  .inner-page .service-grid article,.inner-page .capability-list article,.inner-page .partner-grid article,.inner-page .value-grid article,.inner-page .ecosystem-grid article{min-height:auto}
  .inner-page .process-strip,.inner-page .roadmap{background-size:auto,24px 24px,24px 24px,auto}
}
