/* ==========================================================================
   MERIDIAN EXPORTS — CORE STYLESHEET
   Design system: Deep Navy / Emerald / Gold on warm off-white
   Display: Plus Jakarta Sans · Body: Manrope · Data/Labels: IBM Plex Mono
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&family=Manrope:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

:root{
  --primary:     #1F3D34;
  --secondary:   #6C7F52;
  --cream:       #E7E2D6;
  --accent:      #A8723A;
  --text:        #111111;
  --cream-light: #F0ECE3;
  --cream-deep:  #DED8CA;
  --sage-tint:   #E3E7DA;
  --green-deep:  #18352D;
  /* ---- color ---- */
  --navy:        #1F3D34;
  --navy-700:    #1F3D34;
  --navy-600:    #1F3D34;
  --emerald:     #6C7F52;
  --emerald-700: #6C7F52;
  --emerald-100: #E7E2D6;
  --gold:        #A8723A;
  --gold-300:    #A8723A;
  --gold-100:    #E7E2D6;
  --bg:          #E7E2D6;
  --surface:     #E7E2D6;
  --ink:         #1F3D34;
  --ink-soft:    #1F3D34;
  --ink-faint:   #1F3D34;
  --line:        rgba(31,61,52,.2);
  --line-dark:   rgba(255,255,255,0.12);

  /* ---- type ---- */
  --f-display: 'Plus Jakarta Sans', sans-serif;
  --f-body:    'Manrope', sans-serif;
  --f-mono:    'IBM Plex Mono', monospace;

  /* ---- scale ---- */
  --container: 1240px;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --ease: cubic-bezier(.16,.84,.44,1);
}

*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
  *,*::before,*::after{ animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important; scroll-behavior:auto !important; }
}

body{
  margin:0;
  font-family:var(--f-body);
  color:var(--ink);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

:root{
  --primary:#1F3D34;
  --secondary:#6C7F52;
  --accent:#A8723A;
  --text:#111111;
}

/* Premium visual layer — original Emporico art direction */
body::selection{ background:var(--gold); color:#fff; }
main{ overflow:hidden; }
.pad{ padding:clamp(88px,10vw,152px) 0; }
.pad-sm{ padding:clamp(62px,7vw,98px) 0; }
.section-title{ text-wrap:balance; }
.section-head{ margin-bottom:clamp(38px,5vw,68px); }
.btn{ border-radius:999px; letter-spacing:.01em; box-shadow:0 10px 24px rgba(36,26,18,.08); transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .35s ease,color .35s ease; }
.btn:hover{ transform:translateY(-3px); box-shadow:0 18px 34px rgba(36,26,18,.16); }
#navbar{ transition:transform .42s var(--ease),background .42s ease,box-shadow .42s ease,border-color .42s ease; border-bottom:1px solid transparent; }
#navbar.scrolled{ background:rgba(28,20,14,.82); backdrop-filter:blur(18px) saturate(135%); -webkit-backdrop-filter:blur(18px) saturate(135%); border-color:rgba(255,255,255,.11); box-shadow:0 12px 35px rgba(24,15,9,.14); }
#navbar.nav-hidden{ transform:translateY(-110%); }
.nav-links{ gap:30px; }
.nav-links > a{ position:relative; }
.nav-links > a::after{ content:''; position:absolute; left:0; right:0; bottom:-8px; height:1px; transform:scaleX(0); transform-origin:right; background:var(--gold-300); transition:transform .32s var(--ease); }
.nav-links > a:hover::after,.nav-links > a.active::after{ transform:scaleX(1); transform-origin:left; }
.hero{ isolation:isolate; min-height:100svh; background:radial-gradient(circle at 82% 18%,rgba(199,155,65,.20),transparent 25%),radial-gradient(circle at 8% 92%,rgba(108,127,82,.18),transparent 27%),linear-gradient(123deg,#1F3D34 0%,#26493F 54%,#17352D 100%); }
.hero::before{ content:''; position:absolute; inset:0; z-index:-1; opacity:.26; background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px); background-size:72px 72px; mask-image:linear-gradient(to bottom,black,transparent 82%); }
.hero-title{ max-width:760px; font-size:clamp(46px,5.5vw,78px); letter-spacing:-.045em; }
.hero-desc{ max-width:600px; font-size:17px; line-height:1.78; }
.hero-card{ transform:rotate(2deg); transition:transform .7s var(--ease),box-shadow .7s var(--ease); border-radius:22px; }
.hero-card:hover{ transform:rotate(0) translateY(-8px); box-shadow:0 34px 70px rgba(0,0,0,.38); }
.hero-card__image{ height:320px; }
.hero-card__image::after{ content:''; position:absolute; inset:0; background:linear-gradient(140deg,transparent 45%,rgba(199,155,65,.18)); pointer-events:none; }
.float-spice{ position:absolute; width:34px; height:34px; z-index:-1; border-radius:48% 52% 45% 55%; background:radial-gradient(circle at 32% 28%,#f8d891 0 7%,#bd6e26 9% 39%,#713a18 72%); opacity:.72; filter:drop-shadow(0 12px 12px rgba(0,0,0,.28)); animation:spiceDrift 7s ease-in-out infinite; }
.spice-one{ top:24%; right:8%; }.spice-two{ width:22px;height:22px;left:47%;bottom:15%;animation-delay:-2s; }.spice-three{ width:46px;height:21px;left:7%;top:30%;border-radius:100% 0 100% 0;animation-delay:-4s; }
@keyframes spiceDrift{ 50%{ transform:translate3d(12px,-22px,0) rotate(130deg); } }
.overview,.products,.industries{ position:relative; }
.overview::after,.products::after{ content:''; position:absolute; height:1px; left:calc(50% - min(620px,45vw)); right:calc(50% - min(620px,45vw)); bottom:0; background:linear-gradient(90deg,transparent,var(--line),transparent); }

/* ============ Certifications + Statistics ============ */
.certs{ position:relative; overflow:hidden; }
.certs::before{ content:''; position:absolute; inset:0; opacity:.03; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 500'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23C79B41' stop-opacity='0.08'/%3E%3Cstop offset='1' stop-color='%23C79B41' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M60 120C140 80 220 100 300 140S430 210 520 190 630 110 700 120' stroke='url(%23g)' stroke-width='4' fill='none'/%3E%3Cpath d='M80 300c80-60 160-30 240-20s140 10 220-30 140-100 200-80' stroke='url(%23g)' stroke-width='4' fill='none'/%3E%3Cpath d='M160 80c60 10 110 50 170 40s110-10 160 20' stroke='url(%23g)' stroke-width='4' fill='none'/%3E%3Ccircle cx='460' cy='280' r='92' fill='none' stroke='%23C79B41' stroke-opacity='0.1' stroke-width='8'/%3E%3C/svg%3E"); background-size:cover; background-position:center; pointer-events:none; z-index:0; }
.certs .container{ position:relative; z-index:1; }
.certs .section-head{ margin-bottom:24px; }
.certs .section-note{ max-width:720px; margin-bottom:40px; color:var(--ink-soft); line-height:1.9; font-size:15px; }
.certs .cert-grid{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:22px; }
.certs .cert-card{ position:relative; padding:28px 26px; min-height:180px; border-radius:24px; background:rgba(255,255,255,.96); border:1px solid rgba(199,155,65,.14); box-shadow:0 26px 65px rgba(46,30,18,.08); transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s ease; overflow:hidden; }
.certs .cert-card::before{ content:''; position:absolute; inset:0; border-radius:24px; background:linear-gradient(135deg,rgba(255,255,255,.28),rgba(255,255,255,0)); pointer-events:none; }
.certs .cert-card:hover{ transform:translateY(-10px); box-shadow:0 36px 90px rgba(46,30,18,.14); border-color:rgba(199,155,65,.35); }
.certs .cert-card:hover .cert-mark{ box-shadow:0 0 0 5px rgba(199,155,65,.16); }
.certs .cert-mark{ display:inline-flex; align-items:center; gap:12px; padding:12px 16px; border-radius:999px; background:rgba(255,249,239,.92); border:1px solid rgba(199,155,65,.16); color:var(--navy); font-weight:700; letter-spacing:.02em; margin-bottom:18px; transition:box-shadow .35s ease,transform .35s ease; }
.certs .cert-card:hover .cert-mark{ transform:translateY(-2px); }
.certs .cert-icon{ font-size:20px; display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:14px; background:rgba(199,155,65,.15); color:var(--gold); }
.certs h5{ margin:0 0 8px; font-size:18px; letter-spacing:-.02em; }
.certs p{ margin:0; color:var(--ink-soft); line-height:1.85; }
.certs .section-divider{ display:flex; align-items:center; justify-content:center; margin-top:42px; padding:24px 0 0; position:relative; }
.certs .section-divider span{ position:relative; z-index:1; display:inline-flex; align-items:center; padding:0 20px; color:var(--ink-soft); font-weight:600; letter-spacing:.04em; text-transform:uppercase; font-size:13px; }
.certs .section-divider::before{ content:''; position:absolute; left:10%; right:10%; top:50%; height:1px; background:linear-gradient(90deg,transparent,rgba(115,83,50,.18),transparent); transform:translateY(-50%); }

.stats{ position:relative; overflow:hidden; }
.stats::before{ content:''; position:absolute; inset:0; opacity:.04; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 400'%3E%3Cdefs%3E%3CradialGradient id='r' cx='50%' cy='50%' r='50%'%3E%3Cstop offset='0' stop-color='%23C79B41' stop-opacity='0.14'/%3E%3Cstop offset='1' stop-color='%23C79B41' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath d='M80 120c80-30 120-20 200 20s140 90 220 70 130-80 190-70' stroke='%23C79B41' stroke-width='3' fill='none' opacity='.08'/%3E%3Cpath d='M120 240c70 10 110-20 180-35s140-25 210 5 90 55 140 40' stroke='%23C79B41' stroke-width='3' fill='none' opacity='.08'/%3E%3Cpath d='M420 40c20 30 40 20 60 25s40 30 60 40' stroke='%23C79B41' stroke-width='2' fill='none' opacity='.06'/%3E%3Ccircle cx='560' cy='180' r='15' fill='%23C79B41' opacity='.08'/%3E%3Ccircle cx='180' cy='300' r='10' fill='%23C79B41' opacity='.06'/%3E%3C/svg%3E"); background-position:center; background-size:cover; pointer-events:none; z-index:0; }
.stats .container{ position:relative; z-index:1; }
.stats .stats-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; }
.stats .stat-item{ position:relative; padding:32px 26px; border-radius:24px; background:rgba(255,255,255,.96); border:1px solid rgba(199,155,65,.14); box-shadow:0 24px 68px rgba(46,30,18,.08); overflow:hidden; transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s ease; }
.stats .stat-item:hover{ transform:translateY(-8px); box-shadow:0 34px 88px rgba(46,30,18,.14); border-color:rgba(199,155,65,.3); }
.stats .stat-item::before{ content:''; position:absolute; top:14px; right:-22px; width:100px; height:100px; background:radial-gradient(circle,rgba(199,155,65,.18),transparent 62%); pointer-events:none; }
.stats .num{ font-family:var(--f-display); font-weight:900; font-size:46px; color:var(--navy); line-height:1; margin-bottom:18px; }
.stats .num sup{ font-size:24px; vertical-align:top; margin-left:3px; color:var(--gold); }
.stats .label{ display:grid; gap:8px; color:var(--ink-soft); font-size:14px; line-height:1.7; }
.stats .label span{ display:block; }
.stats .stat-item[data-reveal] { opacity:0; transform:translateY(12px); transition:opacity .5s var(--ease),transform .5s var(--ease); }
.stats .stat-item[data-reveal].is-visible { opacity:1; transform:translateY(0); }
.stats .cert-card, .stats .stat-item{ counter-reset:card; }

@media(max-width:1200px){ .certs .cert-grid, .stats .stats-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:768px){ .certs .cert-grid, .stats .stats-grid{ grid-template-columns:1fr; } .certs .section-divider::before{ left:5%; right:5%; } }

#about-premium{ position:relative; overflow:visible; background:radial-gradient(circle at 10% 20%, rgba(199,155,65,.04), transparent 8%), linear-gradient(180deg, rgba(247,243,235,1), rgba(255,252,248,1)); }
#about-premium .container{ position:relative; }

/* watermark / decorative layer */
#about-premium::before{
  content:'';
  position:absolute; inset:12% 6% auto auto; width:560px; height:360px; opacity:.045;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 400'%3E%3Cpath d='M60 160c70-30 120-40 190-20s90 90 160 80 100-70 150-60' stroke='%23c79b41' fill='none' stroke-width='4' opacity='0.16'/%3E%3Cpath d='M120 80c40 40 80 20 130 30s70 50 110 60' stroke='%23c79b41' fill='none' stroke-width='4' opacity='0.14'/%3E%3Ccircle cx='100' cy='180' r='8' fill='%23c79b41' opacity='0.18'/%3E%3Ccircle cx='260' cy='120' r='8' fill='%23c79b41' opacity='0.18'/%3E%3Ccircle cx='420' cy='210' r='8' fill='%23c79b41' opacity='0.18'/%3E%3C/svg%3E"),
    radial-gradient(circle at 20% 35%, rgba(199,155,65,.09), transparent 20%);
  background-size:contain;
  background-repeat:no-repeat;
  pointer-events:none; transform:translateZ(0);
}
#about-premium::after{
  content:''; position:absolute; inset:0; pointer-events:none; background:radial-gradient(circle at 80% 20%, rgba(201,161,74,.03), transparent 12%), radial-gradient(circle at 50% 45%, rgba(255,234,190,.08), transparent 35%);
  mix-blend-mode:overlay; opacity:.9;
}

.about-hero{ display:flex; gap:48px; align-items:flex-start; margin-top:60px; position:relative; }
.about-hero .about-image{ width:880px; max-width:100%; height:450px; overflow:hidden; border-radius:18px; box-shadow:0 38px 80px rgba(31,26,23,.14); border:1px solid rgba(31,26,23,.06); position:relative; z-index:1; }
.about-hero .about-image::before{ content:''; position:absolute; inset:-24px; border-radius:24px; background:radial-gradient(circle at 34% 36%, rgba(199,155,65,.14), transparent 30%); z-index:-1; }
.about-hero .about-image::after{ content:''; position:absolute; inset:0; pointer-events:none; background:radial-gradient(circle at 62% 38%, rgba(255,234,190,.16), transparent 34%); }
.about-hero .about-image img{ width:100%; height:100%; object-fit:cover; display:block; }

.about-side{ flex:1; display:flex; flex-direction:column; }
.about-cta{ margin:0 0 34px; display:flex; flex-wrap:wrap; gap:14px; }
.about-side .btn-outline{ background:rgba(255,255,255,.18); border:1px solid rgba(255,255,255,.75); color:var(--navy); box-shadow:0 18px 34px rgba(31,26,23,.06); }
.about-side .btn-outline:hover{ background:rgba(255,255,255,.32); }

.about-note-card{ max-width:420px; padding:22px 24px; border-radius:20px; background:rgba(255,255,255,.92); border:1px solid rgba(199,155,65,.16); box-shadow:0 28px 70px rgba(31,26,23,.08); margin-bottom:32px; }
.about-note-card .eyebrow{ display:inline-flex; letter-spacing:.22em; font-size:11.5px; color:var(--gold); margin-bottom:10px; }
.about-note-card p{ margin:0; color:var(--ink-faint); line-height:1.85; }

.about-stats{ display:flex; gap:18px; flex-wrap:wrap; margin-bottom:30px; }
.about-stats .stat{ flex:1 1 140px; min-width:140px; background:#fff; border:1px solid rgba(199,155,65,.12); border-radius:18px; padding:18px 20px; box-shadow:0 20px 48px rgba(31,26,23,.06); display:flex; flex-direction:column; gap:10px; }
.about-stats .stat-icon{ width:42px; height:42px; display:flex; align-items:center; justify-content:center; border-radius:14px; background:rgba(199,155,65,.14); font-size:20px; }
.about-stats .stat-num{ font-family:var(--f-display); font-weight:800; font-size:28px; color:var(--navy); }
.about-stats .stat-label{ color:var(--ink-faint); font-size:13px; letter-spacing:.02em; line-height:1.5; }

.about-features{ display:grid; grid-template-columns:repeat(2,220px); gap:18px 22px; justify-content:start; }
.about-features .feature{ width:220px; min-height:150px; padding:22px 18px; border-radius:18px; background:#fff; box-shadow:0 16px 34px rgba(31,26,23,.05); border:1px solid rgba(199,155,65,.12); display:flex; flex-direction:column; gap:12px; position:relative; overflow:hidden; transition:transform .28s var(--ease),box-shadow .28s ease; }
.about-features .feature::before{ content:''; position:absolute; left:0; right:0; top:0; height:4px; background:linear-gradient(90deg,rgba(199,155,65,.95),rgba(255,214,130,.4)); }
.about-features .feature-icon{ width:44px; height:44px; display:flex; align-items:center; justify-content:center; border-radius:16px; background:rgba(199,155,65,.12); font-size:22px; }
.about-features .feature h4{ margin:0; font-size:18px; }
.about-features .feature p{ margin:0; color:var(--ink-faint); font-size:14px; line-height:1.75; }
.about-features .feature:hover{ transform:translateY(-6px); box-shadow:0 28px 42px rgba(31,26,23,.08); }

.about-achievements{ position:absolute; top:0; left:0; width:100%; height:100%; pointer-events:none; z-index:2; }
.ach-card{ position:absolute; min-width:160px; padding:12px 14px; border-radius:14px; background:rgba(255,255,255,.95); box-shadow:0 18px 36px rgba(31,26,23,.08); border:1px solid rgba(199,155,65,.14); display:flex; gap:10px; align-items:center; font-weight:700; }
.ach-card.small{ min-width:140px; padding:10px; font-size:14px; }
.ach-top-left{ left:4%; top:8%; }
.ach-top-right{ right:6%; top:8%; }
.ach-bottom-left{ left:4%; bottom:8%; }
.ach-bottom-right{ right:6%; bottom:8%; }

@keyframes bob{ 0%{ transform:translateY(0);}50%{ transform:translateY(-8px);}100%{ transform:translateY(0);} }
.ach-card{ animation: bob 4s ease-in-out infinite; }

/* stats below hero image */
.about-stats{ display:flex; gap:18px; flex-wrap:wrap; margin-top:20px; align-items:center; }
.about-stats .stat{ display:flex; flex-direction:column; gap:10px; }
.about-stats .stat .num{ font-family:var(--f-display); font-weight:800; font-size:28px; color:var(--navy); }
.about-stats .stat .label{ font-size:13px; color:var(--ink-faint); letter-spacing:.02em; }

/* responsive */
@media(max-width:1024px){ .about-hero{ flex-direction:column; } .about-features{ grid-template-columns:repeat(2,1fr); } .about-hero .about-image{ width:100%; height:380px; } .ach-card{ display:none; } }


/* uploader controls (small, non-destructive client-side only) */
.about-uploader{ display:flex; gap:10px; flex-wrap:wrap; margin-top:18px; }
.about-upload-btn{ cursor:pointer; font-size:13px; color:var(--primary); background:rgba(31,26,23,.04); padding:8px 12px; border-radius:12px; border:1px dashed rgba(31,26,23,.06); display:inline-flex; align-items:center; gap:10px; }
.about-upload-btn:hover{ background:rgba(31,26,23,.06); }
.about-upload-btn input{ display:none; }

.about-uploader-row{ display:flex; gap:10px; align-items:center; width:100%; max-width:740px; }
.about-url-input{ flex:1; padding:10px 12px; border-radius:10px; border:1px solid var(--line); background:transparent; font-size:13px; color:var(--text); }
.about-url-apply{ padding:10px 14px; border-radius:10px; border:none; background:linear-gradient(135deg,#d7b05e 0%,var(--accent) 60%); color:#fff; cursor:pointer; font-weight:700; }
.about-url-apply:hover{ transform:translateY(-2px); }
.about-reset{ padding:8px 12px; border-radius:10px; border:1px solid rgba(31,26,23,.08); background:rgba(255,255,255,.84); color:var(--primary); cursor:pointer; }
.about-reset:hover{ background:rgba(255,255,255,.94); }

.about-sample{ padding:8px 12px; border-radius:10px; border:1px solid rgba(31,26,23,.06); background:transparent; color:var(--primary); cursor:pointer; }
.about-sample:hover{ background:rgba(31,26,23,.04); transform:translateY(-2px); }

.why-card,.value-card,.cert-card{ border-radius:18px; box-shadow:0 12px 30px rgba(62,43,25,.045); border:1px solid rgba(115,83,50,.11); transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .45s ease; }
.why-card:hover,.value-card:hover,.cert-card:hover{ transform:translateY(-9px); box-shadow:0 24px 45px rgba(62,43,25,.13); border-color:rgba(199,155,65,.52); }
.product-card{ border-radius:18px; overflow:hidden; border:1px solid rgba(115,83,50,.1); box-shadow:0 14px 34px rgba(62,43,25,.06); transition:transform .5s var(--ease),box-shadow .5s var(--ease); }
.product-card:hover{ transform:translateY(-10px); box-shadow:0 28px 50px rgba(53,35,20,.16); }
.product-media img{ transition:transform .8s var(--ease),filter .5s ease; }.product-card:hover .product-media img{ transform:scale(1.09); filter:saturate(1.08); }
.filter-bar{ padding:7px; border:1px solid var(--line); background:rgba(255,253,248,.74); border-radius:999px; width:max-content; max-width:100%; overflow:auto; }
.filter-btn{ border-radius:999px; }
.process{ background:linear-gradient(125deg,#1F3D34,#2A4D41 60%,#17352D); }
.stats{ background:linear-gradient(125deg,#E7E2D6,#F4F0EA); }
.stat-item .num{ color:var(--navy); }
.page-header{ background:radial-gradient(circle at 78% 22%,rgba(199,155,65,.18),transparent 30%),linear-gradient(135deg,#1F3D34,#2A4D41); padding:clamp(150px,17vw,220px) 0 clamp(72px,8vw,110px); }
.page-header h1{ letter-spacing:-.045em; }
footer{ background:linear-gradient(145deg,#1F3D34,#26493F); }
.newsletter-form{ background:rgba(255,255,255,.05); }
@keyframes aboutFloat{ 0%,100%{ transform:translateY(0px) rotate(0deg); } 50%{ transform:translateY(-12px) rotate(2deg); } }
@keyframes aboutCardLift{ 0%,100%{ transform:translateY(0px); } 50%{ transform:translateY(-10px); } }

@media(max-width:1024px){ .about-premium .container{ grid-template-columns:1fr; } .about-visual{ min-height:auto; padding-bottom:28px; } .about-floating-cards{ display:none; } .about-float-card{ display:none; } .about-collage{ max-width:620px; } .about-feature-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:768px){ .hero-card{ transform:none; }.hero-card__image{ height:250px; }.filter-bar{ width:100%; }.filter-btn{ white-space:nowrap; }.float-spice{ display:none; } .about-collage{ width:100%; } .about-main img{ height:320px; } .about-float{ display:none; } .about-feature-grid{ grid-template-columns:1fr; } .about-actions{ flex-direction:column; align-items:flex-start; } .about-content h2{ font-size:clamp(32px,9vw,42px); } }

img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
ul{ margin:0; padding:0; list-style:none; }
button{ font-family:inherit; cursor:pointer; }
input,textarea,select{ font-family:inherit; }

:focus-visible{
  outline:2px solid var(--gold);
  outline-offset:3px;
}

.container{
  width:100%;
  max-width:var(--container);
  margin:0 auto;
  padding:0 32px;
}

.eyebrow{
  font-family:var(--f-mono);
  font-size:12.5px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--emerald-700);
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom:18px;
}
.eyebrow::before{
  content:'';
  width:22px;
  height:1px;
  background:var(--gold);
}
.on-dark .eyebrow{ color:var(--gold-300); }
.on-dark .eyebrow::before{ background:var(--gold-300); }

h1,h2,h3,h4{
  font-family:var(--f-display);
  color:var(--navy);
  line-height:1.12;
  margin:0;
  letter-spacing:-0.01em;
}
.on-dark h1,.on-dark h2,.on-dark h3,.on-dark h4{ color:#fff; }

h2.section-title{
  font-size:clamp(28px,3.6vw,44px);
  font-weight:700;
  max-width:640px;
}
.section-sub{
  font-size:17px;
  color:var(--ink-soft);
  max-width:520px;
  margin-top:16px;
  line-height:1.65;
}
.on-dark .section-sub{ color:rgba(255,255,255,.68); }

.section-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:40px;
  margin-bottom:56px;
}
.section-head .side-note{
  font-size:15px;
  color:var(--ink-soft);
  max-width:280px;
  padding-bottom:4px;
  border-left:2px solid var(--gold);
  padding-left:16px;
}

section{ position:relative; }
.pad{ padding:120px 0; }
.pad-sm{ padding:80px 0; }

/* ---------------- buttons ---------------- */
.btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-family:var(--f-body);
  font-weight:700;
  font-size:14.5px;
  letter-spacing:.01em;
  padding:16px 30px;
  border-radius:100px;
  border:1px solid transparent;
  transition:transform .35s var(--ease), background .3s ease, color .3s ease, border-color .3s ease;
  position:relative;
  overflow:hidden;
}
.btn-primary{
  background:var(--emerald);
  color:#fff;
}
.btn-primary:hover{ background:var(--emerald-700); transform:translateY(-2px); }
.btn-ghost{
  background:transparent;
  color:#fff;
  border-color:rgba(255,255,255,.4);
}
.btn-ghost:hover{ border-color:#fff; transform:translateY(-2px); }
.btn-outline{
  background:transparent;
  color:var(--navy);
  border-color:var(--line);
}
.btn-outline:hover{ border-color:var(--navy); transform:translateY(-2px); }
.btn-gold{
  background:var(--gold);
  color:var(--navy);
}
.btn-gold:hover{ background:var(--gold-300); transform:translateY(-2px); }
.btn svg{ width:16px; height:16px; transition:transform .35s var(--ease); }
.btn:hover svg{ transform:translateX(3px); }

/* ---------------- loading screen ---------------- */
#loader{
  position:fixed; inset:0; z-index:9999;
  background:var(--navy);
  display:flex; align-items:center; justify-content:center;
  transition:opacity .6s var(--ease), visibility .6s var(--ease);
}
#loader.hidden{ opacity:0; visibility:hidden; }
.loader-mark{
  font-family:var(--f-mono);
  color:var(--gold-300);
  font-size:13px;
  letter-spacing:.3em;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:18px;
}
.loader-line{
  width:120px; height:1px; background:rgba(255,255,255,.15); position:relative; overflow:hidden;
}
.loader-line::after{
  content:'';
  position:absolute; left:0; top:0; height:100%; width:40%;
  background:var(--gold-300);
  animation:loaderMove 1.1s ease-in-out infinite;
}
@keyframes loaderMove{
  0%{ transform:translateX(-100%);} 100%{ transform:translateX(340%);}
}

/* ---------------- scroll progress ---------------- */
#scroll-progress{
  position:fixed; top:0; left:0; height:3px; width:0%;
  background:linear-gradient(90deg,var(--emerald),var(--gold));
  z-index:1001;
  transition:width .1s linear;
}

/* ---------------- navbar ---------------- */
#navbar{
  position:fixed; top:0; left:0; right:0; z-index:1000;
  padding:26px 0;
  transition:padding .4s var(--ease), background .4s var(--ease), box-shadow .4s var(--ease);
}
#navbar .container{ display:flex; align-items:center; justify-content:space-between; }
#navbar.scrolled{
  padding:14px 0;
  background:rgba(250,249,246,.9);
  backdrop-filter:blur(14px);
  box-shadow:0 1px 0 var(--line);
}
.logo{
  font-family:var(--f-display);
  font-weight:800;
  font-size:20px;
  color:#fff;
  display:flex;
  align-items:center;
  gap:10px;
  letter-spacing:-0.01em;
}
.logo .mark{
  width:34px;height:34px;
  border-radius:8px;
  background:linear-gradient(135deg,var(--emerald),var(--navy));
  display:flex;align-items:center;justify-content:center;
  color:var(--gold-300);
  font-family:var(--f-mono);
  font-size:13px;
}
#navbar.scrolled .logo{ color:var(--navy); }

.nav-links{ display:flex; align-items:center; gap:38px; }
.nav-links a{
  font-size:14.5px; font-weight:600; color:rgba(255,255,255,.85);
  position:relative; padding:4px 0;
  transition:color .3s ease;
}
#navbar.scrolled .nav-links a{ color:var(--ink); }
.nav-links a::after{
  content:''; position:absolute; left:0; bottom:-2px; width:0; height:1.5px;
  background:var(--gold); transition:width .3s var(--ease);
}
.nav-links a:hover::after,.nav-links a.active::after{ width:100%; }
.nav-links a.active{ color:var(--gold-300); }
#navbar.scrolled .nav-links a.active{ color:var(--emerald-700); }

.nav-cta{ display:flex; align-items:center; gap:18px; }
.nav-cta .btn{ padding:12px 24px; font-size:13.5px; }

.nav-toggle{
  display:none; flex-direction:column; gap:5px; background:none; border:none; padding:6px;
}
.nav-toggle span{ width:24px; height:2px; background:#fff; transition:all .3s ease; }
#navbar.scrolled .nav-toggle span{ background:var(--navy); }

.mobile-menu{
  position:fixed; inset:0 0 0 auto; width:min(340px,86vw); height:100vh;
  background:var(--navy); z-index:1002;
  transform:translateX(100%); transition:transform .5s var(--ease);
  padding:100px 36px 40px; display:flex; flex-direction:column; gap:30px;
}
.mobile-menu.open{ transform:translateX(0); }
.mobile-menu a{ font-family:var(--f-display); font-size:22px; color:#fff; font-weight:600; }
.mobile-close{ position:absolute; top:30px; right:30px; background:none; border:none; color:#fff; font-size:26px; }
.menu-backdrop{
  position:fixed; inset:0; background:rgba(13,27,42,.5); z-index:1001;
  opacity:0; visibility:hidden; transition:opacity .4s ease, visibility .4s ease;
}
.menu-backdrop.open{ opacity:1; visibility:visible; }

/* ---------------- hero ---------------- */
.hero{
  min-height:100vh;
  display:flex; align-items:center;
  background:linear-gradient(135deg, #1F3D34 0%, #2B4A3E 40%, #17352D 100%);
  position:relative;
  overflow:hidden;
  padding-top:140px;
  padding-bottom:90px;
}
.hero::before{
  content:'';
  position:absolute; inset:0;
  background:url('https://images.unsplash.com/photo-1509440159596-0249088772ff?auto=format&fit=crop&w=1400&q=80') center/cover no-repeat;
  opacity:.24;
  mix-blend-mode:screen;
}
.hero .container{
  position:relative; z-index:2;
  display:grid; grid-template-columns:1.05fr .95fr; gap:60px; align-items:center;
}
.hero-copy .eyebrow{ color:var(--gold-300); }
.hero-copy .eyebrow::before{ background:var(--gold-300); }
.hero-title{
  font-size:clamp(38px,5vw,72px);
  font-weight:800;
  color:#fff;
  line-height:1.02;
  max-width:640px;
}
.hero-title .accent{ color:var(--gold-300); font-weight:700; }
.hero-desc{
  color:rgba(255,255,255,.78);
  font-size:18px;
  line-height:1.75;
  max-width:560px;
  margin:24px 0 32px;
}
.hero-actions{ display:flex; align-items:center; gap:16px; flex-wrap:wrap; margin-bottom:28px; }
.hero-highlights{
  display:flex; flex-wrap:wrap;
  gap:12px;
  padding:0;
  margin:0;
  list-style:none;
}
.hero-highlights li{
  border:1px solid rgba(255,255,255,.16);
  color:rgba(255,255,255,.82);
  padding:10px 14px;
  border-radius:999px;
  font-size:13px;
  font-weight:600;
  background:rgba(255,255,255,.06);
}
.hero-media{ display:flex; justify-content:flex-end; }
.hero-card{
  width:min(100%, 470px);
  background:rgba(255,250,244,.96);
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 24px 70px rgba(0,0,0,.28);
  border:1px solid rgba(0,0,0,.05);
}
.hero-card__image{
  position:relative;
  height:280px;
  background:
    linear-gradient(135deg, rgba(89,71,45,.45), rgba(14,12,10,.2)),
    url('https://images.unsplash.com/photo-1576045057995-568f588f82fb?auto=format&fit=crop&w=900&q=80') center/cover no-repeat;
}
.hero-card__image img{width:100%;height:100%;object-fit:cover;display:block;}
.hero-card__body{ padding:24px 26px 28px; }
.hero-card__eyebrow{
  margin:0 0 10px;
  font-family:var(--f-mono);
  font-size:11px;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--emerald-700);
}
.hero-card h3{
  font-size:24px;
  line-height:1.25;
  margin:0;
  color:var(--navy);
}
.hero-card__stats{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:24px; }
.hero-card__stats div{ padding-top:12px; border-top:1px solid var(--line); }
.hero-card__stats strong{ display:block; font-size:20px; color:var(--navy); }
.hero-card__stats span{ font-size:12px; color:var(--ink-soft); }

.scroll-cue{
  position:absolute; bottom:36px; left:50%; transform:translateX(-50%);
  display:flex; flex-direction:column; align-items:center; gap:10px;
  color:rgba(255,255,255,.55); font-family:var(--f-mono); font-size:11px; letter-spacing:.2em;
  z-index:2;
}
.scroll-cue .stem{
  width:1px; height:38px; background:linear-gradient(180deg,rgba(255,255,255,.6),transparent);
  position:relative; overflow:hidden;
}
.scroll-cue .stem::after{
  content:''; position:absolute; left:0; top:-40%; width:100%; height:40%; background:var(--gold-300);
  animation:cueMove 2.2s ease-in-out infinite;
}
@keyframes cueMove{ 0%{top:-40%;} 100%{top:100%;} }

/* ---------------- overview / about band ---------------- */
.overview{ background:var(--surface); }
.overview .container{ display:grid; grid-template-columns:.95fr 1.05fr; gap:70px; align-items:center; }
.overview-media .frame{ border:1px solid var(--line); }
.overview-media{ position:relative; }
.overview-media .frame{
  border-radius:var(--radius-lg); overflow:hidden; position:relative;
  box-shadow:0 30px 60px -25px rgba(13,27,42,.35);
}
.overview-media .frame img{ width:100%; height:520px; object-fit:cover; transition:transform 1.4s var(--ease); }
.overview-media:hover .frame img{ transform:scale(1.06); }
.overview-media .tag-card{
  position:absolute; bottom:-24px; left:-24px;
  background:var(--navy); color:#fff; border-radius:var(--radius-md);
  padding:22px 24px; box-shadow:0 20px 40px -18px rgba(13,27,42,.5);
  width:220px;
}
.overview-media .tag-card strong{ font-family:var(--f-display); font-size:28px; color:var(--gold-300); }
.overview-media .tag-card span{ display:block; font-size:12.5px; color:rgba(255,255,255,.6); margin-top:4px; }

.pillars{ display:grid; grid-template-columns:1fr 1fr; gap:24px 32px; margin-top:36px; }
.pillar{ border-top:1px solid var(--line); padding-top:16px; }
.pillar h4{ font-size:16.5px; font-weight:700; margin-bottom:8px; }
.pillar p{ font-size:14.5px; color:var(--ink-soft); line-height:1.6; margin:0; }

/* ---------------- why choose us ---------------- */
.why{ background:var(--bg); }
.why-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.why-card{
  background:var(--surface); padding:40px 34px; transition:background .4s ease, transform .4s var(--ease);
  position:relative; border:1px solid var(--line); border-radius:20px;
}
.why-card:hover{ background:var(--navy); transform:translateY(-4px); z-index:2; }
.why-card:hover h4,.why-card:hover p{ color:#fff; }
.why-card:hover p{ color:rgba(255,255,255,.65); }
.why-icon{
  width:46px; height:46px; border-radius:12px; background:var(--emerald-100); color:var(--emerald-700);
  display:flex; align-items:center; justify-content:center; margin-bottom:22px; transition:all .4s ease;
}
.why-card:hover .why-icon{ background:rgba(201,162,39,.16); color:var(--gold-300); }
.why-icon svg{ width:22px; height:22px; }
.why-card h4{ font-size:18px; font-weight:700; margin-bottom:10px; transition:color .4s ease; }
.why-card p{ font-size:14.5px; color:var(--ink-soft); line-height:1.65; margin:0; transition:color .4s ease; }

/* ---------------- products ---------------- */
.products{ background:var(--surface); }
.filter-bar{ display:flex; gap:10px; flex-wrap:wrap; margin-bottom:44px; }
.product-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
.product-card{ background:var(--bg); border:1px solid var(--line); border-radius:24px; overflow:hidden; }
.filter-btn{
  font-family:var(--f-mono); font-size:12.5px; letter-spacing:.06em; text-transform:uppercase;
  padding:10px 18px; border-radius:100px; border:1px solid var(--line); background:transparent; color:var(--ink-soft);
  transition:all .3s ease;
}
.filter-btn:hover{ border-color:var(--navy); color:var(--navy); }
.filter-btn.active{ background:var(--navy); border-color:var(--navy); color:#fff; }

.product-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
.product-card{
  position:relative; border-radius:var(--radius-md); overflow:hidden;
  background:var(--bg); border:1px solid var(--line);
  transition:transform .5s var(--ease), box-shadow .5s var(--ease);
}
.product-card:hover{ transform:translateY(-6px); box-shadow:0 26px 50px -28px rgba(13,27,42,.35); }
.product-media{ position:relative; height:260px; overflow:hidden; }
.product-media img{ width:100%; height:100%; object-fit:cover; transition:transform .8s var(--ease); }
.product-card:hover .product-media img{ transform:scale(1.08); }
.product-cat{
  position:absolute; top:16px; left:16px; background:rgba(13,27,42,.75); color:var(--gold-300);
  font-family:var(--f-mono); font-size:11px; letter-spacing:.08em; padding:6px 12px; border-radius:100px; text-transform:uppercase;
}
.product-overlay{
  position:absolute; inset:0; background:linear-gradient(0deg, rgba(13,27,42,.85), transparent 55%);
  display:flex; align-items:flex-end; justify-content:center; padding-bottom:20px;
  opacity:0; transition:opacity .4s ease;
}
.product-card:hover .product-overlay{ opacity:1; }
.product-overlay button{
  background:#fff; color:var(--navy); border:none; font-family:var(--f-body); font-weight:700; font-size:13px;
  padding:11px 22px; border-radius:100px; display:flex; align-items:center; gap:8px;
}
.product-body{ padding:22px 24px 26px; }
.product-body h4{ font-size:17px; font-weight:700; margin-bottom:6px; }
.product-body p{ font-size:13.5px; color:var(--ink-soft); margin:0; line-height:1.55; }

/* product quick-view modal */
.modal-backdrop{
  position:fixed; inset:0; background:rgba(13,27,42,.66); backdrop-filter:blur(4px);
  z-index:1100; opacity:0; visibility:hidden; transition:opacity .4s ease, visibility .4s ease;
  display:flex; align-items:center; justify-content:center; padding:24px;
}
.modal-backdrop.open{ opacity:1; visibility:visible; }
.modal{
  background:#fff; max-width:780px; width:100%; border-radius:var(--radius-lg); overflow:hidden;
  display:grid; grid-template-columns:1fr 1fr;
  transform:translateY(24px) scale(.98); transition:transform .45s var(--ease);
  max-height:86vh;
}
.modal-backdrop.open .modal{ transform:translateY(0) scale(1); }
.modal img{ height:100%; width:100%; object-fit:cover; min-height:320px; }
.modal-info{ padding:38px; position:relative; overflow-y:auto; }
.modal-close{
  position:absolute; top:18px; right:18px; width:34px; height:34px; border-radius:50%; border:1px solid var(--line);
  background:#fff; font-size:18px; display:flex; align-items:center; justify-content:center;
}
.modal-info .eyebrow{ margin-bottom:14px; }
.modal-info h3{ font-size:24px; margin-bottom:12px; }
.modal-info p{ color:var(--ink-soft); font-size:14.5px; line-height:1.7; margin-bottom:22px; }
.spec-list{ display:grid; grid-template-columns:1fr 1fr; gap:12px 20px; margin-bottom:26px; }
.spec-list div{ font-size:13px; }
.spec-list b{ display:block; font-family:var(--f-mono); font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-faint); margin-bottom:4px; }

/* ---------------- export process ---------------- */
.process{ background:linear-gradient(135deg, #241A12 0%, #3A2A1E 100%); color:#fff; overflow:hidden; }
.process-track{ position:relative; margin-top:20px; }
.process-line{
  position:absolute; top:26px; left:0; right:0; height:1px; background:rgba(255,255,255,.16);
}
.process-line-fill{
  position:absolute; top:0; left:0; height:1px; width:0%; background:linear-gradient(90deg,var(--emerald),var(--gold-300));
  transition:width 1.4s var(--ease);
}
.process-steps{ display:grid; grid-template-columns:repeat(6,1fr); gap:16px; position:relative; }
.process-step{ padding-top:64px; position:relative; }
.process-step .dot{
  position:absolute; top:16px; left:0; width:20px; height:20px; border-radius:50%;
  background:var(--navy); border:2px solid rgba(255,255,255,.3);
  display:flex; align-items:center; justify-content:center; transition:all .5s var(--ease);
}
.process-step .dot::after{ content:''; width:6px; height:6px; border-radius:50%; background:transparent; transition:background .4s ease; }
.process-step.active .dot{ border-color:var(--gold-300); background:var(--navy); }
.process-step.active .dot::after{ background:var(--gold-300); }
.process-step .num{ font-family:var(--f-mono); font-size:11px; color:var(--gold-300); letter-spacing:.1em; display:block; margin-bottom:10px; }
.process-step h4{ font-size:16px; font-weight:700; margin-bottom:8px; }
.process-step p{ font-size:13.5px; color:rgba(255,255,255,.55); line-height:1.55; margin:0; }

/* ============ CERTIFICATIONS ============ */
:root{ --cert-bg:#F8F3EA; --cert-text-muted:#6D6259; }
.certifications{ position:relative; overflow:hidden; padding:140px 0; background:radial-gradient(ellipse at 50% 48%, rgba(210,176,105,.045), transparent 52%), radial-gradient(ellipse at 16% 12%, rgba(238,224,193,.045), transparent 44%), var(--cert-bg); }
.certifications .container{ max-width:1200px; margin:0 auto; text-align:center; }
.certifications .section-title{ max-width:1000px; margin:0 auto; color:#1F1712; font-family:var(--f-display); font-size:clamp(58px,5vw,64px); font-weight:700; line-height:1.1; letter-spacing:-.045em; }
.certifications .section-copy{ max-width:1000px; margin:32px auto 84px; color:var(--cert-text-muted); font-size:22px; font-weight:400; line-height:1.58; }
.certifications .cert-logos{ display:flex; align-items:flex-start; justify-content:center; gap:80px; margin:0 auto; }
.certifications .cert-logo{ display:flex; flex-direction:column; align-items:center; gap:18px; min-width:112px; transition:transform .3s ease; }
.certifications .cert-logo:hover, .certifications .cert-logo.in-view:hover{ transform:scale(1.05); }
.certifications .logo-mark{ width:142px; height:90px; display:flex; align-items:center; justify-content:center; }
.certifications .logo-mark img{ display:block; max-width:100%; width:auto; height:88px; object-fit:contain; mix-blend-mode:multiply; }
.certifications .cert-logo span{ color:#222; font-size:18px; font-weight:600; letter-spacing:.5px; line-height:1.2; }
.certifications .cert-trust{ max-width:900px; margin:70px auto 0; color:var(--cert-text-muted); font-size:20px; font-weight:400; line-height:1.6; }
.certifications [data-reveal]{ transition-duration:.5s; }
.certifications .cert-logo[data-reveal="scale"]{ transform:scale(.9); }
.certifications .cert-logo[data-reveal="scale"].in-view{ transform:scale(1); }
.certifications [data-reveal-group] > *{ transition-delay:calc(var(--i, 0) * 100ms); }

@media(max-width:900px){ .certifications{ padding:112px 0; } .certifications .section-title{ font-size:clamp(46px,7vw,58px); } .certifications .section-copy{ margin-bottom:64px; font-size:20px; } .certifications .cert-logos{ flex-wrap:wrap; gap:48px 64px; max-width:620px; } }
@media(max-width:560px){ .certifications{ padding:88px 0; } .certifications .section-title{ font-size:40px; } .certifications .section-copy{ margin-top:24px; margin-bottom:54px; font-size:18px; } .certifications .cert-logos{ gap:42px 28px; } .certifications .logo-mark{ width:120px; height:82px; } .certifications .logo-mark img{ height:80px; } .certifications .cert-logo span{ font-size:16px; } .certifications .cert-trust{ margin-top:56px; font-size:18px; } }

/* ---------------- industries ---------------- */
.industries{ background:var(--surface); }
.industry-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.industry-card{
  border-radius:var(--radius-md); overflow:hidden; position:relative; height:280px;
}
.industry-card img{ width:100%; height:100%; object-fit:cover; transition:transform .8s var(--ease); }
.industry-card:hover img{ transform:scale(1.1); }
.industry-card .overlay{
  position:absolute; inset:0; background:linear-gradient(0deg, rgba(13,27,42,.88) 10%, rgba(13,27,42,.05) 60%);
  display:flex; flex-direction:column; justify-content:flex-end; padding:22px;
}
.industry-card h4{ color:#fff; font-size:16.5px; font-weight:700; }
.industry-card span{ color:var(--gold-300); font-family:var(--f-mono); font-size:11px; letter-spacing:.08em; }

/* ---------------- testimonials ---------------- */
.testimonials{ background:var(--navy); overflow:hidden; }
.t-track-wrap{ position:relative; margin-top:20px; }
.t-track{ display:flex; transition:transform .7s var(--ease); }
.t-slide{ flex:0 0 100%; padding:4px; }
.t-card{
  background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); backdrop-filter:blur(10px);
  border-radius:var(--radius-lg); padding:48px; max-width:760px; margin:0 auto; text-align:center;
}
.t-card .stars{ color:var(--gold-300); font-size:16px; letter-spacing:3px; margin-bottom:22px; }
.t-card p.quote{ color:#fff; font-family:var(--f-display); font-size:22px; font-weight:500; line-height:1.55; margin:0 0 26px; }
.t-person{ display:flex; align-items:center; justify-content:center; gap:14px; }
.t-person img{ width:44px; height:44px; border-radius:50%; object-fit:cover; }
.t-person div{ text-align:left; }
.t-person strong{ display:block; color:#fff; font-size:14.5px; }
.t-person span{ font-size:12.5px; color:rgba(255,255,255,.5); }
.t-controls{ display:flex; align-items:center; justify-content:center; gap:22px; margin-top:36px; }
.t-arrow{
  width:42px; height:42px; border-radius:50%; border:1px solid rgba(255,255,255,.25); background:transparent; color:#fff;
  display:flex; align-items:center; justify-content:center; transition:all .3s ease;
}
.t-arrow:hover{ border-color:var(--gold-300); color:var(--gold-300); }
.t-dots{ display:flex; gap:8px; }
.t-dots button{ width:8px; height:8px; border-radius:50%; background:rgba(255,255,255,.25); border:none; padding:0; transition:all .3s ease; }
.t-dots button.active{ background:var(--gold-300); width:22px; border-radius:4px; }

/* ---------------- global presence ---------------- */
.presence{ background:#F8F4EB; padding:120px 0; }
.presence .container{ max-width:1320px; }
.presence-layout{ display:grid; grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr); grid-template-rows:auto 1fr; column-gap:clamp(48px,7vw,112px); row-gap:28px; align-items:center; }
.presence-heading{ grid-column:2; grid-row:1; }
.presence-heading .eyebrow{ color:#D2A24C; font-size:13px; letter-spacing:4px; }
.presence-heading h2{ margin:16px 0 0; color:#1F1813; font-size:64px; font-weight:600; line-height:1.06; letter-spacing:-.045em; }
.presence-video{ grid-column:1; grid-row:1 / span 2; aspect-ratio:16 / 9; overflow:hidden; border-radius:24px; background:#ddd5c7; box-shadow:0 22px 60px rgba(31,24,19,.14); }
.presence-video-player{ display:block; width:100%; height:100%; object-fit:cover; transition:transform .7s cubic-bezier(.16,.84,.44,1); }
.presence-video:hover .presence-video-player{ transform:scale(1.03); }
.presence-content{ grid-column:2; grid-row:2; align-self:start; }
.presence-content > p{ margin:0; color:#6D665E; font-size:18px; line-height:1.7; }
.presence-benefits{ display:grid; gap:13px; margin:30px 0 34px; padding:0; list-style:none; }
.presence-benefits li{ display:flex; align-items:center; gap:12px; color:#1F1813; font-size:16px; font-weight:600; }
.presence-benefits li::before{ content:'✓'; color:#D2A24C; font-size:16px; font-weight:700; }
.presence-cta{ display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:0 25px; border-radius:999px; background:#556B45; color:#fff; font-size:13px; font-weight:700; letter-spacing:.02em; transition:background .25s ease, transform .25s ease, box-shadow .25s ease; }
.presence-cta:hover{ background:#415335; color:#fff; box-shadow:0 10px 22px rgba(65,83,53,.2); transform:translateY(-2px); }
@media(max-width:992px){ .presence{ padding:100px 0; } .presence-layout{ column-gap:48px; } .presence-heading h2{ font-size:42px; } }
@media(max-width:768px){ .presence{ padding:88px 0; } .presence-layout{ display:flex; flex-direction:column; align-items:stretch; gap:28px; max-width:600px; margin:0 auto; } .presence-heading{ order:1; } .presence-video{ order:2; } .presence-content{ order:3; } .presence-heading h2{ font-size:32px; } .presence-content > p{ font-size:17px; } .presence-benefits{ margin:26px 0 30px; } }
@media(max-width:480px){ .presence{ padding:72px 0; } .presence-heading .eyebrow{ font-size:11px; letter-spacing:3px; } .presence-heading h2{ font-size:32px; } .presence-video{ border-radius:18px; } }

/* ---------------- gallery ---------------- */
.gallery{ background:var(--surface); }
.masonry{ column-count:3; column-gap:20px; }
.masonry figure{ margin:0 0 20px; break-inside:avoid; border-radius:var(--radius-md); overflow:hidden; position:relative; cursor:pointer; }
.masonry figure img{ width:100%; display:block; transition:transform .6s var(--ease); }
.masonry figure:hover img{ transform:scale(1.06); }
.masonry figure figcaption{
  position:absolute; inset:0; background:linear-gradient(0deg,rgba(13,27,42,.8),transparent 50%);
  display:flex; align-items:flex-end; padding:16px; color:#fff; font-size:13px; font-weight:600;
  opacity:0; transition:opacity .4s ease;
}
.masonry figure:hover figcaption{ opacity:1; }

.lightbox{
  position:fixed; inset:0; background:rgba(13,27,42,.94); z-index:1200;
  display:flex; align-items:center; justify-content:center; opacity:0; visibility:hidden;
  transition:opacity .4s ease, visibility .4s ease;
}
.lightbox.open{ opacity:1; visibility:visible; }
.lightbox img{ max-width:88vw; max-height:82vh; border-radius:8px; }
.lightbox-close,.lightbox-nav{
  position:absolute; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.2); color:#fff;
  width:44px; height:44px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:18px;
}
.lightbox-close{ top:26px; right:26px; }
.lightbox-nav.prev{ left:26px; top:50%; transform:translateY(-50%); }
.lightbox-nav.next{ right:26px; top:50%; transform:translateY(-50%); }

/* ---------------- FAQ ---------------- */
.faq{ background:#FFFDF8; }
.faq-wrap{ max-width:800px; }
.faq-item{ border-bottom:1px solid var(--line); }
.faq-q{
  width:100%; text-align:left; background:none; border:none; padding:26px 0; display:flex;
  justify-content:space-between; align-items:center; gap:20px;
  font-family:var(--f-display); font-size:17px; font-weight:700; color:var(--navy);
}
.faq-q .plus{ width:26px; height:26px; border-radius:50%; border:1px solid var(--line); position:relative; flex:none; transition:all .4s ease; }
.faq-q .plus::before,.faq-q .plus::after{ content:''; position:absolute; background:var(--navy); top:50%; left:50%; }
.faq-q .plus::before{ width:10px; height:1.4px; transform:translate(-50%,-50%); }
.faq-q .plus::after{ width:1.4px; height:10px; transform:translate(-50%,-50%); transition:transform .35s ease; }
.faq-item.open .faq-q .plus{ background:var(--emerald); border-color:var(--emerald); }
.faq-item.open .faq-q .plus::before,.faq-item.open .faq-q .plus::after{ background:#fff; }
.faq-item.open .faq-q .plus::after{ transform:translate(-50%,-50%) rotate(90deg); }
.faq-a{ max-height:0; overflow:hidden; transition:max-height .5s var(--ease); }
.faq-a p{ padding:0 0 26px; margin:0; color:var(--ink-soft); font-size:14.5px; line-height:1.7; max-width:640px; }

/* ---------------- CTA band ---------------- */
.cta-band{ background:var(--navy); position:relative; overflow:hidden; }
.cta-band::before{
  content:''; position:absolute; inset:0;
  background:radial-gradient(circle at 20% 50%, rgba(108,127,82,.22), transparent 60%);
}
.cta-band .container{ position:relative; z-index:1; text-align:center; padding:100px 32px; }
.cta-band h2{ font-size:clamp(28px,4vw,46px); color:#fff; max-width:680px; margin:0 auto 20px; }
.cta-band p{ color:rgba(255,255,255,.6); max-width:520px; margin:0 auto 36px; font-size:16px; }
.cta-band .btn-row{ display:flex; gap:16px; justify-content:center; flex-wrap:wrap; }

/* ---------------- contact ---------------- */
.contact-wrap{ display:grid; grid-template-columns:1fr 1fr; gap:60px; }
.contact-info-card{ background:var(--navy); border-radius:var(--radius-lg); padding:44px; color:#fff; }
.contact-info-card h3{ font-size:22px; margin-bottom:24px; }
.info-row{ display:flex; gap:16px; padding:18px 0; border-top:1px solid rgba(255,255,255,.12); }
.info-row .ic{ width:38px; height:38px; border-radius:10px; background:rgba(255,255,255,.08); display:flex; align-items:center; justify-content:center; flex:none; color:var(--gold-300); }
.info-row b{ display:block; font-size:14px; margin-bottom:3px; }
.info-row span{ font-size:13.5px; color:rgba(255,255,255,.6); }
.map-embed{ margin-top:24px; border-radius:var(--radius-md); overflow:hidden; height:220px; }
.map-embed iframe{ width:100%; height:100%; border:0; filter:grayscale(.3) contrast(1.05); }

.form-group{ margin-bottom:22px; }
.form-row{ display:grid; grid-template-columns:1fr 1fr; gap:20px; }
label{ display:block; font-size:12.5px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:var(--ink-soft); margin-bottom:8px; }
input,textarea,select{
  width:100%; border:1px solid var(--line); border-radius:var(--radius-sm); padding:14px 16px; font-size:14.5px; color:var(--ink);
  background:var(--surface); transition:border-color .3s ease, box-shadow .3s ease;
}
input:focus,textarea:focus,select:focus{ border-color:var(--emerald); box-shadow:0 0 0 4px var(--emerald-100); outline:none; }
textarea{ resize:vertical; min-height:130px; }
.form-msg{ padding:14px 18px; border-radius:var(--radius-sm); font-size:14px; margin-top:18px; display:none; }
.form-msg.success{ display:block; background:var(--emerald-100); color:var(--emerald-700); }
.form-msg.error{ display:block; background:#FBE7E7; color:#B23A3A; }
.field-error{ color:#B23A3A; font-size:12px; margin-top:6px; display:none; }
.invalid .field-error{ display:block; }
.invalid input,.invalid textarea{ border-color:#B23A3A; }

/* ---------------- footer ---------------- */
footer{ background:var(--navy); color:rgba(255,255,255,.65); padding-top:90px; }
.footer-top{ display:grid; grid-template-columns:1.4fr 1fr 1fr 1.2fr; gap:50px; padding-bottom:60px; border-bottom:1px solid rgba(255,255,255,.1); }
.footer-brand p{ font-size:14px; line-height:1.7; margin:18px 0 24px; max-width:280px; }
.social-row{ display:flex; gap:12px; }
.social-row a{ width:38px; height:38px; border-radius:50%; border:1px solid rgba(255,255,255,.18); display:flex; align-items:center; justify-content:center; transition:all .3s ease; }
.social-row a:hover{ background:var(--gold); border-color:var(--gold); color:var(--navy); }
.footer-col h5{ font-family:var(--f-display); color:#fff; font-size:14.5px; margin-bottom:22px; letter-spacing:.02em; }
.footer-col ul li{ margin-bottom:13px; }
.footer-col a{ font-size:14px; transition:color .3s ease; }
.footer-col a:hover{ color:var(--gold-300); }
.newsletter-form{ display:flex; margin-top:16px; border:1px solid rgba(255,255,255,.2); border-radius:100px; overflow:hidden; padding:4px; }
.newsletter-form input{ flex:1; border:none; background:transparent; color:#fff; padding:10px 16px; font-size:13.5px; }
.newsletter-form input::placeholder{ color:rgba(255,255,255,.4); }
.newsletter-form button{ background:var(--emerald); border:none; color:#fff; padding:10px 20px; border-radius:100px; font-size:13px; font-weight:700; }
.cert-strip{ display:flex; gap:26px; flex-wrap:wrap; padding:26px 0; opacity:.55; font-family:var(--f-mono); font-size:11px; letter-spacing:.08em; }
.footer-bottom{ display:flex; justify-content:space-between; align-items:center; padding:26px 0; font-size:12.5px; border-top:1px solid rgba(255,255,255,.1); flex-wrap:wrap; gap:12px; }
.footer-bottom a{ color:rgba(255,255,255,.5); }

/* ---------------- back to top ---------------- */
#back-to-top{
  position:fixed; bottom:30px; right:30px; width:48px; height:48px; border-radius:50%;
  background:var(--navy); color:var(--gold-300); border:none; display:flex; align-items:center; justify-content:center;
  opacity:0; visibility:hidden; transform:translateY(10px); transition:all .4s var(--ease); z-index:900;
  box-shadow:0 10px 30px -10px rgba(13,27,42,.5);
}
#back-to-top.show{ opacity:1; visibility:visible; transform:translateY(0); }

/* ---------------- inner page header ---------------- */
.page-header{ background:var(--navy); padding:180px 0 90px; position:relative; overflow:hidden; }
.page-header::before{
  content:''; position:absolute; inset:0;
  background:radial-gradient(ellipse at 80% 20%, rgba(46,139,87,.3), transparent 55%);
}
.page-header .container{ position:relative; z-index:1; }
.breadcrumb{ font-family:var(--f-mono); font-size:12px; letter-spacing:.08em; color:rgba(255,255,255,.5); margin-bottom:20px; }
.breadcrumb a{ color:rgba(255,255,255,.75); }
.breadcrumb a:hover{ color:var(--gold-300); }
.page-header h1{ font-size:clamp(32px,4.4vw,54px); color:#fff; max-width:640px; }
.page-header p{ color:rgba(255,255,255,.6); max-width:520px; margin-top:18px; font-size:16px; line-height:1.7; }

/* about page specifics */
.timeline{ position:relative; padding-left:40px; border-left:1px solid var(--line); }
.timeline-item{ position:relative; padding-bottom:48px; }
.timeline-item:last-child{ padding-bottom:0; }
.timeline-item::before{
  content:''; position:absolute; left:-45px; top:2px; width:10px; height:10px; border-radius:50%;
  background:var(--surface); border:2px solid var(--emerald);
}
.timeline-item .yr{ font-family:var(--f-mono); color:var(--emerald-700); font-size:13px; letter-spacing:.08em; margin-bottom:6px; display:block; }
.timeline-item h4{ font-size:18px; margin-bottom:8px; }
.timeline-item p{ color:var(--ink-soft); font-size:14.5px; line-height:1.65; max-width:520px; margin:0; }

.values-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
.value-card{ padding:32px; border:1px solid var(--line); border-radius:var(--radius-md); background:var(--surface); }
.value-card .vnum{ font-family:var(--f-mono); color:var(--gold); font-size:13px; margin-bottom:16px; display:block; }
.value-card h4{ font-size:17px; margin-bottom:10px; }
.value-card p{ font-size:14px; color:var(--ink-soft); line-height:1.65; margin:0; }

.team-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:28px; }
.team-card{ text-align:left; }
.team-card .photo{ border-radius:var(--radius-md); overflow:hidden; margin-bottom:16px; height:280px; }
.team-card .photo img{ width:100%; height:100%; object-fit:cover; transition:transform .6s var(--ease); }
.team-card:hover .photo img{ transform:scale(1.06); }
.team-card h4{ font-size:15.5px; margin-bottom:2px; }
.team-card span{ font-size:12.5px; color:var(--ink-soft); font-family:var(--f-mono); }

/* misc */
.divider-note{ display:flex; align-items:center; gap:16px; color:var(--ink-faint); font-family:var(--f-mono); font-size:11px; letter-spacing:.1em; margin:6px 0 40px; }
.divider-note::before,.divider-note::after{ content:''; flex:1; height:1px; background:var(--line); }

/* Final cascade: premium enhancement rules deliberately follow component defaults. */
.pad{ padding:clamp(88px,10vw,152px) 0; }
.pad-sm{ padding:clamp(62px,7vw,98px) 0; }
#navbar{ background:rgba(23,16,11,.68); backdrop-filter:blur(14px) saturate(125%); -webkit-backdrop-filter:blur(14px) saturate(125%); border-bottom:1px solid rgba(255,255,255,.1); transition:transform .42s var(--ease),background .42s ease,box-shadow .42s ease,border-color .42s ease; }
#navbar.scrolled{ background:rgba(28,20,14,.9); backdrop-filter:blur(18px) saturate(135%); -webkit-backdrop-filter:blur(18px) saturate(135%); border-color:rgba(255,255,255,.14); box-shadow:0 12px 35px rgba(24,15,9,.24); }
#navbar.nav-hidden{ transform:translateY(-110%); }
.nav-links{ gap:30px; }.nav-links > a{ position:relative; color:rgba(255,255,255,.92); }.nav-links > a:hover{ color:#fff; }.nav-links > a.active{ color:var(--gold-300); }#navbar.scrolled .nav-links > a{ color:rgba(255,255,255,.92); }#navbar.scrolled .nav-links > a:hover{ color:#fff; }#navbar.scrolled .nav-links > a.active{ color:var(--gold-300); }.nav-links > a::after{ content:''; position:absolute; left:0;right:0;bottom:-8px;height:1px;background:var(--gold-300);transform:scaleX(0);transform-origin:right;transition:transform .32s var(--ease); }.nav-links > a:hover::after,.nav-links > a.active::after{ transform:scaleX(1);transform-origin:left; }
#navbar .logo{ color:#fff; }
#navbar .btn-ghost{ color:#fff; border-color:rgba(255,255,255,.62); background:rgba(23,16,11,.18); }
#navbar .btn-ghost:hover{ color:#fff; border-color:#fff; background:rgba(255,255,255,.08); }
#navbar .nav-toggle span,#navbar.scrolled .nav-toggle span{ background:#fff; }
.hero{ min-height:100svh; isolation:isolate; background:radial-gradient(circle at 82% 18%,rgba(199,155,65,.24),transparent 25%),radial-gradient(circle at 8% 92%,rgba(90,108,76,.22),transparent 27%),linear-gradient(123deg,#17100b 0%,#2e2118 54%,#19120d 100%); }
.hero-video,.hero-video-overlay{ position:absolute;inset:0;pointer-events:none; }.hero-video{ z-index:-3;background:#19110c;overflow:hidden; }.hero-video video{ width:100%;height:100%;object-fit:cover;opacity:.82; }.hero-video-overlay{ z-index:-2;background:linear-gradient(90deg,rgba(20,13,9,.88) 0%,rgba(22,14,10,.66) 42%,rgba(22,14,10,.32) 100%),linear-gradient(0deg,rgba(18,11,8,.42),transparent 55%); }
.hero::before{ content:'';position:absolute;inset:0;z-index:-1;opacity:.26;background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,black,transparent 82%); }
.hero-title{ font-size:clamp(46px,5.5vw,78px);letter-spacing:-.045em;max-width:760px; }.hero-desc{ max-width:600px;font-size:17px;line-height:1.78; }.hero-card{ transform:rotate(2deg);border-radius:22px;transition:transform .7s var(--ease),box-shadow .7s var(--ease); }.hero-card:hover{ transform:rotate(0) translateY(-8px);box-shadow:0 34px 70px rgba(0,0,0,.38); }.hero-card__image{ height:320px;position:relative; }.hero-card__image::after{ content:'';position:absolute;inset:0;background:linear-gradient(140deg,transparent 45%,rgba(199,155,65,.18));pointer-events:none; }
.page-header{ background:radial-gradient(circle at 78% 22%,rgba(199,155,65,.24),transparent 30%),linear-gradient(135deg,#19110c,#34241a);padding:clamp(150px,17vw,220px) 0 clamp(72px,8vw,110px); }.page-header h1{ letter-spacing:-.045em; }
.why-card,.value-card,.cert-card{ border-radius:18px;box-shadow:0 12px 30px rgba(62,43,25,.045);border:1px solid rgba(115,83,50,.11);transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .45s ease; }.why-card:hover,.value-card:hover,.cert-card:hover{transform:translateY(-9px);box-shadow:0 24px 45px rgba(62,43,25,.13);border-color:rgba(199,155,65,.52);}.product-card{border-radius:18px;box-shadow:0 14px 34px rgba(62,43,25,.06);transition:transform .5s var(--ease),box-shadow .5s var(--ease);}.product-card:hover{transform:translateY(-10px);box-shadow:0 28px 50px rgba(53,35,20,.16);}.product-card:hover .product-media img{transform:scale(1.09);filter:saturate(1.08);}
.process{background:linear-gradient(125deg,#1a120d,#33231a 60%,#1a130e);}.stats{background:linear-gradient(125deg,#e8ddcc,#f8f1e8);}footer{background:linear-gradient(145deg,#17100b,#2a1e17);}
@media(max-width:768px){.pad{padding:80px 0;}.hero-card{transform:none;}.hero-card__image{height:250px;}}

/* Focused cinematic hero: copy is the only foreground focal point. */
.hero .container{ grid-template-columns:minmax(0,720px); gap:0; }
.hero-copy{ max-width:720px; }
.hero-highlights{ margin-top:8px; }

/* Cinematic spice hero refinements */
.hero-video video{ opacity:1;filter:none;transform:scale(1.035);transition:transform 1.1s var(--ease);will-change:transform; }
.hero-video-overlay{ z-index:1; background:rgba(0,0,0,.5); }
.hero-copy{ transform:translateY(38px); }.hero-title{ max-width:800px; }.hero-highlights li{ display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.25);backdrop-filter:blur(10px); }.hero-highlights li span{ color:var(--gold-300);font-size:15px; }
.float-spice{ background:none;filter:drop-shadow(0 10px 10px rgba(0,0,0,.25));opacity:.62; }.float-spice::before{ color:#d69d4a;font-size:30px;line-height:1; }.spice-one::before{content:'✦';}.spice-two::before{content:'●';font-size:17px;}.spice-three::before{content:'✧';font-size:44px;color:#b47430;}
.logo{ font-size:22px; }.logo .mark{ width:40px;height:40px;font-size:14px;border-radius:11px;box-shadow:inset 0 0 0 1px rgba(227,192,122,.2); }.nav-links > a::after{ height:2px; }
.scroll-cue .stem{ animation:scrollStem 1.8s ease-in-out infinite; }.scroll-cue::after{ content:'↓';display:block;color:var(--gold-300);font-size:16px;margin-top:8px;animation:scrollBounce 1.8s ease-in-out infinite; }@keyframes scrollStem{50%{transform:scaleY(.45);transform-origin:top;}}@keyframes scrollBounce{50%{transform:translateY(5px);}}

/* Spice-export story upgrades */
.product-grid .product-media{ aspect-ratio:1.12/1; }.product-grid .product-media img{ height:100%;object-fit:cover; }.product-grid .product-card:nth-child(2) .product-media img,.industry-card:nth-child(2) img,.masonry figure:nth-child(2n) img{ object-position:70% center; }.product-grid .product-card:nth-child(3) .product-media img,.industry-card:nth-child(3) img,.masonry figure:nth-child(3n) img{ object-position:28% center; }
.stat-item::before{ display:block;width:42px;height:42px;margin:0 auto 14px;border:1px solid rgba(199,155,65,.55);border-radius:50%;color:var(--gold);font-size:20px;line-height:40px; }.stat-item:nth-child(1)::before{content:'✦';}.stat-item:nth-child(2)::before{content:'⌁';}.stat-item:nth-child(3)::before{content:'◉';}.stat-item:nth-child(4)::before{content:'✓';}
.t-card{ max-width:850px;margin:0 auto;padding:48px 54px; }.t-person span::before{ content:'✦ ';color:var(--gold-300); }.faq-q{ padding:30px 0;font-size:18px; }.faq-a p{ padding-bottom:30px; }

.hero,.page-header,.process,.testimonials,.cta-band,footer,.contact-info-card,.mobile-menu{ background:var(--navy); }
.overview,.why,.products,.industries,.gallery,.presence,.faq,.stats,.certifications,.certs,.about-presence{ background:var(--bg); }
.hero,.page-header,.process,.testimonials,.cta-band,footer,.contact-info-card{ color:#fff; }
.btn-primary,.presence-cta,.newsletter-form button{ background:var(--emerald); color:var(--ink); }
.btn-primary:hover,.presence-cta:hover{ background:var(--emerald-700); color:var(--ink); }
.btn-gold{ background:var(--gold); color:var(--ink); }
.btn-gold:hover{ background:var(--gold-300); color:var(--ink); }
.about-stats-band{ background:var(--emerald); }
.about-stats-band strong,.about-stats-band span{ color:#fff; }
.presence-heading h2,.presence-benefits li,.certifications .section-title{ color:var(--ink); }
.presence-content > p,.certifications .section-copy,.certifications .cert-trust{ color:var(--navy); }
.presence-benefits li::before{ color:var(--gold); }
#navbar,#navbar.scrolled{ background:rgba(31,61,52,.10); border-color:rgba(231,226,214,.35); }
#navbar .logo,#navbar .nav-links > a,#navbar.scrolled .nav-links > a,#navbar .btn-ghost{ color:#fff; }
#navbar .nav-links > a.active,#navbar.scrolled .nav-links > a.active{ color:var(--gold-300); }
#navbar .btn-ghost{ border-color:rgba(231,226,214,.75); }
#navbar .btn-ghost:hover{ border-color:#fff; background:rgba(108,127,82,.2); }

/* Certification page: trust-first premium presentation */
.cert-hero .container{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.72fr);align-items:center;gap:72px}.cert-hero-copy{max-width:620px}.cert-hero .breadcrumb{margin-bottom:24px}.cert-hero h1{max-width:620px;font-size:clamp(48px,5.2vw,72px)}.cert-hero p{max-width:570px;font-size:18px}.cert-hero-visual{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:22px;border-radius:28px;background:rgba(255,255,255,.07);box-shadow:0 24px 70px rgba(0,0,0,.2)}.cert-hero-visual img,.cert-hero-visual span{width:100%;height:122px;border-radius:16px;background:#fffdf8;object-fit:contain;padding:16px}.cert-hero-visual span{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#1f1813;font-family:var(--f-display);font-size:30px;font-weight:700;line-height:1}.cert-hero-visual small{margin-top:6px;font-family:var(--f-mono);font-size:10px;letter-spacing:.08em}.certs{background:#f8f4eb}.certs .section-head{margin-bottom:48px}.certs .cert-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.certs .cert-card{display:flex;flex-direction:column;justify-content:space-between;min-height:220px;padding:32px;border-radius:24px;background:#fffdf8}.certs .cert-card::before{display:none}.certs .cert-logo-image{display:block;width:100%;height:78px;object-fit:contain;mix-blend-mode:multiply}.certs .iso-card .cert-logo-image{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#1f1813;font-family:var(--f-display);font-size:25px;font-weight:700;line-height:1}.certs .iso-card .cert-logo-image small{margin-top:7px;color:#6d665e;font-family:var(--f-mono);font-size:9px;letter-spacing:.08em}.certs .cert-card h5{margin:20px 0 6px}.certs .cert-card>span{color:var(--ink-soft);font-size:13px}.cert-trust{background:#fffdf8}.cert-trust .container{display:grid;grid-template-columns:.9fr 1.1fr;gap:54px 80px;align-items:start}.cert-trust-copy h2{margin:14px 0 18px;color:#1f1813;font-size:clamp(34px,4vw,54px);line-height:1.08;letter-spacing:-.04em}.cert-trust-copy p{margin:0;color:#6d665e;font-size:17px;line-height:1.75}.trust-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px;margin:0;padding:0;list-style:none}.trust-list li{display:flex;gap:10px;align-items:flex-start;color:#1f1813;font-size:15px;font-weight:700;line-height:1.45}.trust-list li::before,.document-grid li::before{content:'✓';color:#d2a24c;font-weight:800}.trust-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(109,102,94,.18);border-bottom:1px solid rgba(109,102,94,.18)}.trust-stats div{min-height:130px;padding:28px 22px;display:flex;flex-direction:column;justify-content:center}.trust-stats div+div{border-left:1px solid rgba(109,102,94,.18)}.trust-stats strong{color:#1f1813;font-family:var(--f-display);font-size:30px;line-height:1.1}.trust-stats span{margin-top:8px;color:#6d665e;font-size:13px}.shipment-docs{background:#241914}.shipment-docs .eyebrow,.cert-process .eyebrow{color:#d2a24c}.shipment-docs .section-title{max-width:630px;margin:14px 0 42px;color:#fff}.document-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.document-grid article{min-height:250px;padding:32px;border-radius:24px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}.document-grid h3{margin:0 0 22px;color:#fff;font-size:20px}.document-grid ul{display:grid;gap:12px;margin:0;padding:0;list-style:none}.document-grid li{display:flex;gap:10px;color:rgba(255,255,255,.7);font-size:14px}.cert-process{background:#f8f4eb}.cert-process-steps{display:grid;grid-template-columns:repeat(5,1fr);margin-top:38px}.cert-process-steps div{position:relative;min-height:105px;padding:0 20px 0 0}.cert-process-steps div:not(:last-child)::after{content:'';position:absolute;top:17px;left:45px;right:0;height:1px;background:#d2a24c}.cert-process-steps b{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#556b45;color:#fff;font-family:var(--f-mono);font-size:11px}.cert-process-steps span{display:block;max-width:130px;margin-top:16px;color:#1f1813;font-size:15px;font-weight:700;line-height:1.35}.certifications-page .cta-band{background:linear-gradient(120deg,#415335,#556b45)}.cta-assurances{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 28px;margin-top:28px;color:rgba(255,255,255,.72);font-size:12px;font-weight:700;letter-spacing:.03em}.cta-assurances span::before{content:'✓';margin-right:7px;color:#d2a24c}@media(max-width:1000px){.cert-hero .container{gap:42px}.certs .cert-grid{grid-template-columns:repeat(3,1fr)}.cert-trust .container{gap:40px}}@media(max-width:768px){.cert-hero .container{grid-template-columns:1fr}.cert-hero-visual{max-width:450px}.certs .cert-grid{grid-template-columns:repeat(2,1fr)}.cert-trust .container{grid-template-columns:1fr}.trust-stats{grid-template-columns:repeat(2,1fr)}.trust-stats div:nth-child(3){border-left:0}.document-grid{grid-template-columns:1fr}.document-grid article{min-height:0}.cert-process-steps{grid-template-columns:1fr;gap:0}.cert-process-steps div{min-height:74px;padding:0 0 0 56px}.cert-process-steps div:not(:last-child)::after{top:36px;bottom:-2px;left:17px;right:auto;width:1px;height:auto}.cert-process-steps b{position:absolute;left:0;top:0}.cert-process-steps span{max-width:none;margin:8px 0 0}}@media(max-width:480px){.cert-hero-visual img,.cert-hero-visual span{height:95px;padding:12px}.certs .cert-card{min-height:200px;padding:24px}.trust-list{grid-template-columns:1fr}.trust-stats strong{font-size:24px}.trust-stats div{min-height:112px;padding:20px 14px}}

/* About page: spice-export story */
.about-page-hero .container{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.9fr);gap:72px;align-items:center}.about-hero-copy h1{max-width:700px;font-size:clamp(48px,5.5vw,76px)}.about-hero-copy p{font-size:18px;max-width:570px}.about-hero-copy .btn{margin-top:28px}.about-hero-visual{height:420px;overflow:hidden;border-radius:24px;box-shadow:0 28px 70px rgba(0,0,0,.25)}.about-hero-visual img{width:100%;height:100%;object-fit:cover}.about-stats-band{background:#556b45}.about-stats-band .container{display:grid;grid-template-columns:repeat(4,1fr)}.about-stats-band .container>div{padding:36px 28px;display:flex;flex-direction:column;gap:7px}.about-stats-band .container>div+div{border-left:1px solid rgba(255,255,255,.18)}.about-stats-band strong{color:#fff;font-family:var(--f-display);font-size:36px}.about-stats-band span{color:rgba(255,255,255,.72);font-size:13px}.about-presence{background:#f8f4eb}.about-presence .container{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.about-map{position:relative}.about-map img{display:block;width:100%;opacity:.72;mix-blend-mode:multiply}.map-dot{position:absolute;width:11px;height:11px;border-radius:50%;background:#d2a24c;box-shadow:0 0 0 7px rgba(210,162,76,.18)}.map-dot.india{left:68%;top:48%}.map-dot.europe{left:53%;top:27%}.map-dot.gcc{left:61%;top:46%}.map-dot.africa{left:58%;top:70%}.map-dot.america{left:26%;top:47%}.map-dot.asia{left:81%;top:39%}.about-timeline{display:grid;grid-template-columns:repeat(6,1fr);gap:0;padding:0;border:0}.about-timeline .timeline-item{padding:52px 20px 0;min-height:210px;border-top:1px solid #d2a24c}.about-timeline .timeline-item::before{top:-7px;left:0;width:13px;height:13px;background:#556b45;border-color:#f8f4eb}.about-timeline .timeline-item p{font-size:13px}.value-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-bottom:20px;border:1px solid rgba(210,162,76,.55);border-radius:50%;color:#556b45;font-size:25px}.quality-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.quality-flow>div{position:relative;padding:25px 20px;border-radius:18px;background:#fff}.quality-flow>div:not(:last-child)::after{content:'→';position:absolute;right:-15px;top:50%;z-index:1;color:#d2a24c;font-size:22px}.quality-flow b{display:block;color:#1f1813;font-size:16px}.quality-flow b::before{content:'✓ ';color:#d2a24c}.quality-flow span{display:block;margin-top:8px;color:#6d665e;font-size:13px}@media(max-width:900px){.about-page-hero .container,.about-presence .container{grid-template-columns:1fr;gap:42px}.about-hero-visual{max-width:680px}.about-timeline{grid-template-columns:repeat(3,1fr);gap:24px}.quality-flow{grid-template-columns:repeat(3,1fr)}.quality-flow>div:nth-child(3)::after{display:none}}@media(max-width:600px){.about-stats-band .container{grid-template-columns:repeat(2,1fr)}.about-stats-band .container>div:nth-child(3){border-left:0}.about-hero-visual{height:270px}.about-timeline{grid-template-columns:1fr}.about-timeline .timeline-item{min-height:auto;padding:32px 0 0 26px}.quality-flow{grid-template-columns:1fr}.quality-flow>div:not(:last-child)::after{content:'↓';right:auto;left:50%;top:auto;bottom:-20px}.overview[style]{grid-template-columns:1fr!important;gap:38px!important}}