/* Shared 2026 theme layer for the mirrored secondary pages. */
:root {
  --bg: #faf9f3;
  --bg-2: #f1f3e9;
  --surface: #ffffff;
  --ink: #1a241f;
  --ink-2: rgba(26, 36, 31, .68);
  --ink-3: rgba(26, 36, 31, .5);
  --amber: #2d7347;
  --amber-hi: #3f8b58;
  --amber-deep: #1f5637;
  --amber-glow: rgba(45, 115, 71, .18);
  --leaf: #2d7347;
  --hairline: rgba(26, 36, 31, .13);
  --hairline-soft: rgba(26, 36, 31, .07);
  --font-display: Inter, "Segoe UI Variable", "Segoe UI", ui-sans-serif, system-ui, sans-serif;
  --font-body: Inter, "Segoe UI Variable", "Segoe UI", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "Cascadia Mono", "SFMono-Regular", Consolas, ui-monospace, monospace;
  --r-lg: 18px;
  --r-md: 12px;
  --r-sm: 8px;
}

body { background: var(--bg); color: var(--ink); }
h1, h2, h3 { letter-spacing: -.035em; }
.btn { border-radius: 8px; font-weight: 750; }
.btn--primary, .btn--amber { color: #fff; background: var(--amber); }
.btn--primary:hover, .btn--amber:hover { background: var(--amber-deep); }
.amber-text {
  background: linear-gradient(180deg, var(--amber-hi), var(--amber-deep));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.nav,
.nav.scrolled {
  color: var(--ink);
  background: rgba(250, 249, 243, .96);
  border-bottom-color: var(--hairline);
  box-shadow: 0 12px 30px rgba(26, 36, 31, .06);
  backdrop-filter: blur(16px);
}
.brand__name,
.nav .brand__name,
.nav.scrolled .brand__name { color: var(--ink); }
.nav .brand { gap: 10px; }
.nav .brand__mark { width: 50px; height: auto; }
.nav .brand__mark--on-dark { display: none !important; }
.nav .brand__mark--on-light { display: block !important; }
.nav .brand__copy { min-width: 0; display: grid; gap: 2px; line-height: 1; }
.nav .brand__copy strong { color: var(--ink); font-size: .96rem; font-weight: 850; letter-spacing: -.025em; white-space: nowrap; }
.nav .brand__copy small { color: var(--ink-2); font-size: .58rem; font-weight: 750; letter-spacing: .065em; line-height: 1.25; text-transform: uppercase; white-space: nowrap; }
.nav .nav__links a,
.nav.scrolled .nav__links a { color: var(--ink-2); }
.nav .nav__links a:hover,
.nav.scrolled .nav__links a:hover { color: var(--amber-deep); background: #e8f0e6; }
.nav .btn--ghost,
.nav.scrolled .btn--ghost { color: #fff; background: var(--amber); border-color: var(--amber); }
.nav .btn--ghost:hover,
.nav.scrolled .btn--ghost:hover { color: #fff; background: var(--amber-deep); border-color: var(--amber-deep); }
.nav .nav__toggle,
.nav.scrolled .nav__toggle { color: var(--ink); background: #fff; border-color: var(--hairline); }

/* Shared inner-page hero: the homepage coconut-grove visual language, with
   route-specific copy and evidence-safe commercial facts. */
.inner-hero {
  position: relative;
  min-height: clamp(620px, 78svh, 800px);
  padding-top: calc(var(--topbar-h) + 72px);
  display: grid;
  align-items: center;
  overflow: clip;
  isolation: isolate;
  color: #fff;
  background: #0c1d14;
}
.inner-hero__media,
.inner-hero__media img,
.inner-hero__wash { position: absolute; inset: 0; width: 100%; height: 100%; }
.inner-hero__media { z-index: -2; overflow: hidden; }
.inner-hero__media img { object-fit: cover; object-position: center center; }
.inner-hero__wash {
  z-index: -1;
  background:
    radial-gradient(circle at 20% 58%, rgba(216,154,60,.2), transparent 34%),
    linear-gradient(90deg, rgba(5,15,10,.94) 0%, rgba(7,20,13,.86) 42%, rgba(7,22,14,.58) 68%, rgba(6,18,12,.34) 100%),
    linear-gradient(0deg, rgba(4,13,9,.58) 0%, rgba(4,13,9,.08) 48%, rgba(4,13,9,.3) 100%);
}
.inner-hero__layout { position: relative; z-index: 2; padding-block: clamp(72px,8vw,108px) clamp(64px,7vw,92px); }
.inner-hero__copy { max-width: 900px; }
.inner-hero .eyebrow {
  margin: 0 0 22px;
  color: #efc878;
  font-family: var(--font-mono);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .15em;
  line-height: 1.5;
  text-transform: uppercase;
}
.inner-hero .eyebrow::before {
  width: 32px;
  height: 1px;
  margin-right: 12px;
  display: inline-block;
  vertical-align: middle;
  background: #efc878;
  content: "";
}
.inner-hero h1 {
  max-width: 920px;
  margin: 0;
  color: #fff;
  font-family: var(--font-display);
  font-size: clamp(3.1rem, 6.4vw, 5.8rem);
  font-weight: 720;
  letter-spacing: -.06em;
  line-height: .96;
  text-wrap: balance;
}
.inner-hero h1 span { color: #e8b35f; }
.inner-hero__lead {
  max-width: 680px;
  margin: 26px 0 0;
  color: rgba(255,255,255,.79);
  font-size: clamp(1rem,.96rem + .3vw,1.16rem);
  line-height: 1.65;
  text-wrap: balance;
}
.inner-hero__actions { margin-top: 30px; display: flex; flex-wrap: wrap; gap: 11px; }
.inner-hero .btn--amber { color: #172018; background: #d89a3c; border-color: #d89a3c; }
.inner-hero .btn--amber:hover { color: #111a13; background: #e7ad52; border-color: #e7ad52; }
.inner-hero .btn--ghost { color: #fff; background: rgba(12,29,20,.34); border-color: rgba(255,255,255,.46); box-shadow: none; backdrop-filter: blur(8px); }
.inner-hero .btn--ghost:hover { color: #fff; background: rgba(255,255,255,.14); border-color: #fff; }
.inner-hero__facts {
  max-width: 760px;
  margin: 32px 0 0;
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 10px;
}
.inner-hero__facts > div {
  padding: 14px;
  background: rgba(12,26,18,.72);
  border: 1px solid rgba(255,255,255,.16);
  border-radius: var(--r-sm);
  backdrop-filter: blur(8px);
}
.inner-hero__facts dt { margin-bottom: 4px; color: rgba(255,255,255,.58); font-size: .68rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.inner-hero__facts dd { margin: 0; color: #fff; font-size: .92rem; font-weight: 800; }
.inner-hero__caption { position: absolute; right: 30px; bottom: 26px; z-index: 2; display: grid; color: rgba(255,255,255,.62); font-family: var(--font-mono); font-size: .68rem; letter-spacing: .12em; text-align: right; text-transform: uppercase; }
.inner-hero__caption strong { color: #fff; font-size: .82rem; }
.inner-hero + .page-main { padding-top: 0; }

.hero { color: var(--ink); background: var(--bg); }
.hero__scrim {
  background:
    linear-gradient(90deg, rgba(250, 249, 243, .99) 0%, rgba(250, 249, 243, .93) 42%, rgba(250, 249, 243, .5) 61%, rgba(250, 249, 243, .08) 78%),
    linear-gradient(0deg, rgba(26, 36, 31, .34), transparent 50%);
}
.hero__glow { background: radial-gradient(52% 46% at 22% 46%, rgba(201, 161, 93, .14), transparent 68%); }
.hero h1 { color: var(--ink); }
.hero .amber-text { color: transparent; background: linear-gradient(180deg, var(--amber-hi), var(--amber-deep)); -webkit-background-clip: text; background-clip: text; }
.hero .eyebrow,
.hero__sub,
.hero__keywords { color: var(--ink-2); }
.hero .btn--ghost { color: var(--ink); background: rgba(255, 255, 255, .84); border-color: rgba(26, 36, 31, .2); }
.hero .btn--ghost:hover { color: var(--amber-deep); background: #fff; border-color: var(--amber); }

.stat-strip {
  background: rgba(255, 255, 255, .84);
  border-color: rgba(220, 227, 217, .95);
  box-shadow: 0 14px 34px rgba(26, 36, 31, .08);
}
.stat-strip .cell { border-left-color: var(--hairline); }
.stat-strip .num { color: var(--amber-deep); }
.stat-strip .lbl { color: var(--ink-2); }
.stat-strip .num .u { color: var(--amber); }

.chip, .prod__badge, .positioning__band .cap { border-radius: 8px; }
.prod__media, .positioning__band, .card, .panel { border-radius: var(--r-lg); }
.link-cta { color: var(--amber-deep); }
.link-cta:hover { color: var(--amber); }
.fcol .footer-heading {
  margin: 0 0 14px;
  color: var(--ink-3);
  font-family: var(--font-mono);
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
}

@media (max-width: 700px) {
  .nav .brand__mark { width: 44px; }
  .nav .brand__copy strong { font-size: .86rem; }
  .nav .brand__copy small { font-size: .52rem; letter-spacing: .04em; }
  .inner-hero { min-height: 760px; }
  .inner-hero__media img { object-position: 59% center; }
  .inner-hero__wash { background: linear-gradient(0deg,rgba(5,15,10,.98) 0%,rgba(5,17,11,.93) 67%,rgba(5,17,11,.46) 100%); }
  .inner-hero__layout { padding-block: 64px 44px; align-self: end; }
  .inner-hero h1 { font-size: clamp(2.55rem,12vw,3.5rem); line-height: .99; }
  .inner-hero__actions { display: grid; grid-template-columns: 1fr; }
  .inner-hero__actions .btn {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    height: auto;
    min-height: 52px;
    padding-block: 13px;
    justify-content: center;
    text-align: center;
    white-space: normal;
    line-height: 1.25;
  }
  .inner-hero__facts { grid-template-columns: 1fr; margin-top: 24px; gap: 0; }
  .inner-hero__facts > div { padding: 10px 0; display: flex; justify-content: space-between; gap: 18px; background: transparent; border: 0; border-bottom: 1px solid rgba(255,255,255,.2); border-radius: 0; backdrop-filter: none; }
  .inner-hero__facts dt { margin: 0; }
  .inner-hero__caption { display: none; }
  .hero__scrim {
    background: linear-gradient(0deg, rgba(250, 249, 243, .99) 0%, rgba(250, 249, 243, .94) 68%, rgba(250, 249, 243, .2) 100%);
  }
  .stat-strip { background: rgba(255, 255, 255, .9); }
}
/* Evidence-safe editorial media: captions separate illustrative imagery from order facts. */
.prose .editorial-figure{margin:26px 0}.prose .editorial-figure picture{display:block}.prose .editorial-figure img{width:100%;margin:0;display:block;aspect-ratio:3/2;object-fit:cover}.prose .editorial-figure figcaption{padding:11px 2px 0;color:var(--ink-3);font-size:.78rem;line-height:1.55}

/* Product SEO pages: buyer-decision depth without turning planning references into promises. */
.buyer-decision-grid{margin:26px 0 34px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.buyer-decision-grid article{min-height:220px;padding:24px;background:#fff;border:1px solid var(--hairline);border-radius:var(--r-md);box-shadow:var(--sh-1)}.buyer-decision-grid article>span{width:34px;height:34px;margin-bottom:24px;display:grid;place-items:center;color:#fff;background:var(--green);border-radius:50%;font-family:var(--font-mono);font-size:.72rem;font-weight:800;letter-spacing:.06em}.buyer-decision-grid h3{margin:0 0 10px;font-size:clamp(1.08rem,1rem + .35vw,1.28rem)}.buyer-decision-grid p{margin:0;color:var(--ink-2);font-size:.96rem}.product-resource-links{margin:22px 0 30px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.product-resource-links a{min-height:86px;padding:16px;display:flex;align-items:center;color:var(--green-deep);background:var(--bg-2);border:1px solid var(--hairline);border-radius:var(--r-sm);font-weight:700;line-height:1.4;text-decoration:none}.product-resource-links a:hover{background:#fff;border-color:rgba(34,111,76,.34)}
@media(max-width:700px){.buyer-decision-grid,.product-resource-links{grid-template-columns:1fr}.buyer-decision-grid article{min-height:0}}

/* Application hub and detail pages: procurement-led, evidence-bounded guidance. */
.application-card-grid{margin:28px 0 42px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.application-card{min-height:290px;padding:28px;display:flex;flex-direction:column;color:var(--ink);background:#fff;border:1px solid var(--hairline);border-radius:var(--r-md);box-shadow:var(--sh-1)}.application-card>span{width:42px;height:42px;margin-bottom:34px;display:grid;place-items:center;color:#fff;background:var(--green);border-radius:50%;font-family:var(--font-mono);font-size:.72rem;font-weight:800;letter-spacing:.07em}.application-card h3{margin:0 0 12px;font-size:clamp(1.24rem,1.08rem + .52vw,1.62rem)}.application-card p{margin:0 0 26px;color:var(--ink-2);font-size:.96rem;line-height:1.68}.application-card strong{margin-top:auto;color:var(--amber-deep);font-size:.86rem;letter-spacing:.02em}.application-card:hover{border-color:rgba(34,111,76,.32);box-shadow:0 18px 40px rgba(26,36,31,.1);transform:translateY(-2px)}.application-card:first-child{grid-column:1/-1;min-height:260px;color:#fff;background:linear-gradient(135deg,var(--green-deep),#183c2b);border-color:transparent}.application-card:first-child>span{color:var(--green-deep);background:#e7c37f}.application-card:first-child p{max-width:720px;color:rgba(255,255,255,.76)}.application-card:first-child strong{color:#efc878}.evidence-sources{margin:28px 0 38px;padding:26px;background:var(--bg-2);border:1px solid var(--hairline);border-radius:var(--r-md)}.evidence-sources>p{margin-top:0;color:var(--ink-2)}.evidence-sources ul{margin:18px 0 0;padding:0;display:grid;gap:10px;list-style:none}.evidence-sources li{padding:15px 16px;background:#fff;border:1px solid var(--hairline);border-radius:var(--r-sm)}.evidence-sources li a{font-weight:800}.evidence-sources li span{margin-top:3px;display:block;color:var(--ink-3);font-size:.8rem}.application-detail .editorial-figure img{aspect-ratio:16/9}.application-workflow{counter-reset:application-step}.application-workflow li{counter-increment:application-step}.application-workflow li::marker{color:var(--amber-deep);font-weight:800}
@media(max-width:700px){.application-card-grid{grid-template-columns:1fr}.application-card,.application-card:first-child{grid-column:auto;min-height:0;padding:22px}.application-card>span{margin-bottom:22px}.evidence-sources{padding:20px}}

/* Bright application hero: keep the coconut grove visible without turning the
   first viewport into a dark panel. Scoped to the application library. */
:root{--green:#2f7f4f;--green-deep:#1e563a}
.application-hero--bright{color:var(--ink);background:#f7f5ed}.application-hero--bright .inner-hero__media img{object-position:72% center;filter:saturate(1.05) brightness(1.08)}.application-hero--bright .inner-hero__wash{background:radial-gradient(circle at 18% 52%,rgba(220,177,95,.18),transparent 32%),linear-gradient(90deg,rgba(250,249,243,.995) 0%,rgba(250,249,243,.97) 38%,rgba(250,249,243,.88) 52%,rgba(250,249,243,.5) 68%,rgba(250,249,243,.08) 84%),linear-gradient(0deg,rgba(247,245,237,.56),transparent 46%)}.application-hero--bright .inner-hero__copy{max-width:840px}.application-hero--bright .eyebrow{color:var(--green-deep)}.application-hero--bright .eyebrow::before{background:var(--green)}.application-hero--bright h1{max-width:840px;color:var(--ink)}.application-hero--bright h1 span{color:var(--green)}.application-hero--bright .inner-hero__lead{max-width:650px;color:var(--ink-2)}.application-hero--bright .btn--amber{color:#fff;background:var(--green);border-color:var(--green);box-shadow:0 12px 28px rgba(34,111,76,.16)}.application-hero--bright .btn--amber:hover{color:#fff;background:var(--green-deep);border-color:var(--green-deep)}.application-hero--bright .btn--ghost{color:var(--ink);background:rgba(255,255,255,.82);border-color:rgba(26,36,31,.2);box-shadow:0 10px 24px rgba(26,36,31,.06);backdrop-filter:blur(10px)}.application-hero--bright .btn--ghost:hover{color:var(--green-deep);background:#fff;border-color:rgba(34,111,76,.42)}.application-hero--bright .inner-hero__facts>div{background:rgba(255,255,255,.76);border-color:rgba(26,36,31,.14);box-shadow:0 10px 30px rgba(26,36,31,.06);backdrop-filter:blur(12px)}.application-hero--bright .inner-hero__facts dt{color:var(--ink-3)}.application-hero--bright .inner-hero__facts dd{color:var(--ink)}.application-hero--bright .inner-hero__caption{padding:8px 10px;color:var(--ink-3);background:rgba(250,249,243,.7);border-radius:8px;backdrop-filter:blur(8px)}.application-hero--bright .inner-hero__caption strong{color:var(--ink)}
@media(max-width:700px){.application-hero--bright{min-height:760px;background:#faf9f3}.application-hero--bright .inner-hero__media img{object-position:64% center;filter:saturate(1.02) brightness(1.13)}.application-hero--bright .inner-hero__wash{background:linear-gradient(0deg,rgba(250,249,243,.995) 0%,rgba(250,249,243,.98) 70%,rgba(250,249,243,.78) 100%)}.application-hero--bright .inner-hero__facts>div{background:transparent;border-bottom-color:rgba(26,36,31,.16);box-shadow:none;backdrop-filter:none}.application-hero--bright .inner-hero__facts dt{color:var(--ink-3)}.application-hero--bright .inner-hero__facts dd{color:var(--ink)}}

/* Technical buyer library: dense procurement content with clear scan paths. */
.technical-resource-hero .inner-hero__copy{max-width:900px}.technical-resource-grid{margin:28px 0 44px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.technical-resource-card{min-height:330px;padding:28px;display:flex;flex-direction:column;color:var(--ink);background:#fff;border:1px solid var(--hairline);border-radius:var(--r-md);box-shadow:var(--sh-1);text-decoration:none}.technical-resource-card>span{width:42px;height:42px;margin-bottom:24px;display:grid;place-items:center;color:#fff;background:var(--green);border-radius:50%;font-family:var(--font-mono);font-size:.72rem;font-weight:800;letter-spacing:.07em}.technical-resource-card__type{margin:0 0 8px!important;color:var(--green-deep)!important;font-family:var(--font-mono);font-size:.67rem!important;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.technical-resource-card h3{margin:0 0 12px;font-size:clamp(1.25rem,1.08rem + .55vw,1.68rem)}.technical-resource-card p:not(.technical-resource-card__type){margin:0 0 26px;color:var(--ink-2);font-size:.94rem;line-height:1.68}.technical-resource-card strong{margin-top:auto;color:var(--amber-deep);font-size:.86rem}.technical-resource-card:hover{border-color:rgba(34,111,76,.34);box-shadow:0 18px 42px rgba(26,36,31,.1);transform:translateY(-2px)}.technical-resource-card:first-child{grid-column:1/-1;min-height:285px;color:#fff;background:linear-gradient(135deg,var(--green-deep),#163829);border-color:transparent}.technical-resource-card:first-child>span{color:var(--green-deep);background:#e9c57d}.technical-resource-card:first-child .technical-resource-card__type,.technical-resource-card:first-child strong{color:#efc878!important}.technical-resource-card:first-child p:not(.technical-resource-card__type){max-width:820px;color:rgba(255,255,255,.76)}.technical-resource-detail .technical-resource-figure img{aspect-ratio:16/9}.technical-workflow li::marker{color:var(--green-deep);font-weight:800}.technical-resource-detail .spec-table caption{color:var(--green-deep);font-weight:800}.technical-resource-detail blockquote,.technical-resources-hub blockquote{border-left-color:var(--green)}
@media(max-width:700px){.technical-resource-grid{grid-template-columns:1fr}.technical-resource-card,.technical-resource-card:first-child{grid-column:auto;min-height:0;padding:22px}.technical-resource-card>span{margin-bottom:20px}.technical-resource-hero h1{font-size:clamp(2.4rem,11vw,3.35rem)}}

/* Destination dossiers: make the browse hierarchy and decision evidence explicit. */
.country-breadcrumb-strip{padding:16px 0;background:#f7f5ed;border-bottom:1px solid var(--hairline)}.country-breadcrumb-strip .breadcrumb{margin:0}.country-dossier .brief__grid{margin-bottom:30px}.country-dossier .brief__item{min-height:250px}.country-decision-table{margin-top:30px}.country-decision-table .spec-table,.destination-index-table{min-width:820px}.destination-hub .table-scroll{margin-bottom:34px}.destination-hub .spec-table caption{color:var(--green-deep);font-size:1.05rem;font-weight:800}.destination-hub .spec-table th:first-child{min-width:270px}.destination-hub .spec-table td:last-child{min-width:260px}.markets__all{margin-top:24px}.country-dossier .evidence-sources{margin-top:34px}
@media(max-width:700px){.country-breadcrumb-strip{padding:10px 0}.country-dossier .brief__item{min-height:0}.country-decision-table .spec-table,.destination-index-table{min-width:760px}}

/* Lanka-style persistent WhatsApp action shared by every secondary page. */
.page-whatsapp {
  position: fixed;
  right: max(24px, env(safe-area-inset-right));
  bottom: max(20px, env(safe-area-inset-bottom));
  z-index: 95;
  width: auto;
  height: 56px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #fff;
  background: #0c9b58;
  border: 1px solid rgba(255, 255, 255, .24);
  border-radius: 999px;
  box-shadow: 0 12px 30px rgba(4, 87, 48, .26);
  backdrop-filter: none;
  animation: page-wa-in .56s ease .48s both;
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
}
.page-whatsapp::before { content: none; animation: none; }
.page-whatsapp::after {
  position: static;
  content: "WhatsApp";
  color: #fff;
  font-family: var(--font-body);
  font-size: .9rem;
  font-weight: 800;
  letter-spacing: -.01em;
  line-height: 1;
  white-space: nowrap;
}
.page-whatsapp svg { position: static; z-index: auto; width: 23px; height: 23px; flex: 0 0 23px; }
.page-whatsapp:hover { color: #fff; background: #078b4d; transform: translateY(-2px); box-shadow: 0 16px 36px rgba(4, 87, 48, .32); }
.page-whatsapp:active { transform: translateY(-1px) scale(.985); }
@media(max-width:700px) {
  .page-whatsapp { right: max(14px,env(safe-area-inset-right)); bottom: max(14px,env(safe-area-inset-bottom)); height: 54px; padding: 0 18px; }
}
@media(prefers-reduced-motion:reduce) { .page-whatsapp { animation: none; } }