:root{
    --obsidian:#0B0D0C;
    --graphite:#1B211E;
    --graphite-2:#242B27;
    --forest:#073B2A;
    --deep-green:#0E5A3C;
    --fresh-green:#6FAE2F;
    --soft-lime:#A8C95B;
    --ivory:#F4F3ED;
    --white:#FFFFFF;
    --steel:#8D9690;
    --metallic:#7C8580;
    --line-dark:rgba(244,243,237,0.12);
    --line-light:rgba(11,13,12,0.12);
    --shadow:0 30px 60px -30px rgba(0,0,0,0.55);
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;background:var(--obsidian);color:var(--ivory);
    font-family:"Inter",-apple-system,"Segoe UI",sans-serif;
    -webkit-font-smoothing:antialiased;
  }
  img{max-width:100%;display:block;}
  a{color:inherit;}
  h1,h2,h3,h4{
    font-family:"Manrope",-apple-system,sans-serif;font-weight:800;
    text-transform:uppercase;letter-spacing:-0.01em;text-wrap:balance;margin:0;
  }
  .serif{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-weight:500;text-transform:none;letter-spacing:0;}
  .mono{font-family:"Manrope";font-weight:700;letter-spacing:0.08em;}
  .wrap{max-width:1320px;margin-inline:auto;padding-inline:32px;}
  @media (max-width:640px){ .wrap{padding-inline:20px;} }

  .eyebrow{margin:0;display:flex;align-items:center;gap:10px;font-family:"Manrope";font-weight:700;font-size:0.72rem;letter-spacing:0.16em;text-transform:uppercase;}
  .mline{width:26px;height:2px;background:var(--fresh-green);display:inline-block;flex-shrink:0;}
  .mline.v{width:2px;height:26px;}
  .on-dark .eyebrow{color:var(--soft-lime);}
  .on-light .eyebrow{color:var(--deep-green);}

  /* ---------- section grounds ---------- */
  .zone-dark{background:var(--obsidian);color:var(--ivory);}
  .zone-graphite{background:var(--graphite);color:var(--ivory);}
  .zone-light{background:var(--ivory);color:var(--obsidian);}
  .zone-white{background:var(--white);color:var(--obsidian);}
  .zone-forest{background:var(--forest);color:var(--ivory);}
  section{padding-block:104px;}
  @media (max-width:900px){ section{padding-block:72px;} }
  @media (max-width:560px){ section{padding-block:56px;} }

  /* ---------- header ---------- */
  header.site{
    position:fixed;top:0;left:0;right:0;z-index:80;
    padding-block:22px;transition:background .3s ease,padding-block .3s ease,backdrop-filter .3s ease,border-color .3s ease;
    border-bottom:1px solid transparent;
  }
  header.site.solid{
    background:rgba(11,13,12,0.86);backdrop-filter:blur(14px);
    padding-block:14px;border-color:var(--line-dark);
  }
  .nav-row{display:flex;align-items:center;justify-content:space-between;gap:20px;}
  .brand{display:flex;align-items:center;gap:12px;cursor:pointer;background:none;border:none;padding:0;color:#fff;text-decoration:none;}
  .logo-badge{background:var(--ivory);padding:8px 13px;border-radius:4px;display:inline-flex;align-items:center;transition:padding .3s ease;}
  .logo-badge img{height:34px;width:auto;display:block;transition:height .3s ease;}
  header.site.solid .logo-badge{padding:6px 11px;}
  header.site.solid .logo-badge img{height:26px;}
  .brand-word{font-family:"Manrope";font-weight:800;font-size:1.05rem;letter-spacing:0.01em;line-height:1;}
  .brand-word small{display:block;font-family:"Inter";font-weight:500;font-size:0.62rem;letter-spacing:0.1em;color:var(--steel);text-transform:uppercase;margin-top:4px;}
  nav.pages{display:flex;gap:2px;}
  nav.pages a{
    position:relative;font-family:"Manrope";font-weight:700;font-size:0.72rem;letter-spacing:0.08em;text-transform:uppercase;
    padding:10px 14px;text-decoration:none;color:rgba(244,243,237,0.82);white-space:nowrap;
  }
  nav.pages a::after{content:"";position:absolute;left:14px;right:14px;bottom:6px;height:2px;background:var(--fresh-green);
    transform:scaleX(0);transform-origin:left;transition:transform .25s ease;}
  nav.pages a:hover{color:#fff;}
  nav.pages a:hover::after, nav.pages a.active::after{transform:scaleX(1);}
  nav.pages a.active{color:#fff;}
  .nav-actions{display:flex;align-items:center;gap:14px;}
  .btn{
    display:inline-flex;align-items:center;gap:9px;font-family:"Manrope";font-weight:700;font-size:0.76rem;
    letter-spacing:0.06em;text-transform:uppercase;padding:13px 22px;border-radius:3px;text-decoration:none;
    border:1px solid transparent;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .15s;white-space:nowrap;
  }
  .btn:active{transform:scale(0.97);}
  .btn .arrow{display:inline-block;transition:transform .2s ease;}
  .btn:hover .arrow{transform:rotate(-45deg) translateX(1px);}
  .btn-primary{background:var(--fresh-green);color:#0B1409;}
  .btn-primary:hover{background:var(--soft-lime);}
  .btn-line-dark{background:transparent;border-color:rgba(244,243,237,0.4);color:var(--ivory);}
  .btn-line-dark:hover{border-color:var(--fresh-green);color:var(--fresh-green);}
  .btn-line-light{background:transparent;border-color:rgba(11,13,12,0.35);color:var(--obsidian);}
  .btn-line-light:hover{border-color:var(--deep-green);color:var(--deep-green);}
  .btn-solid-dark{background:var(--obsidian);color:var(--ivory);}
  .btn-solid-dark:hover{background:var(--graphite-2);}
  .btn-whatsapp{background:#25D366;color:#0B1F12;}
  .btn-whatsapp:hover{background:#1EBE5A;}
  .menu-toggle{display:none;background:none;border:1px solid rgba(244,243,237,0.35);border-radius:3px;padding:9px 11px;cursor:pointer;color:#fff;}
  .nav-cta-mobile{display:none;}

  @media (max-width:1080px){
    .brand-word small{display:none;}
    nav.pages{
      position:fixed;inset:64px 0 auto 0;flex-direction:column;gap:2px;
      background:var(--graphite);border-bottom:1px solid var(--line-dark);padding:12px 24px 22px;box-shadow:var(--shadow);
      transform:translateY(-10px);opacity:0;pointer-events:none;transition:transform .2s ease,opacity .2s ease;
      max-height:80vh;overflow-y:auto;
    }
    nav.pages.open{transform:translateY(0);opacity:1;pointer-events:auto;}
    nav.pages a{padding:14px 4px;font-size:0.82rem;}
    nav.pages a::after{display:none;}
    .menu-toggle{display:inline-flex;}
    .nav-actions .btn-primary{display:none;}
    header.site{padding-block:16px;}
    .nav-cta-mobile{
      display:flex;justify-content:center;margin-top:10px;background:var(--fresh-green)!important;
      color:#0B1409!important;text-align:center;border-radius:3px;
    }
    .nav-cta-mobile::after{display:none;}
  }

  .page{padding-block:0;}
  main{padding-top:0;}

  .reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease;}
  .reveal.in{opacity:1;transform:translateY(0);}
  @media (prefers-reduced-motion:reduce){ .reveal{opacity:1;transform:none;transition:none;} }
  :focus-visible{outline:2px solid var(--fresh-green);outline-offset:3px;}

  /* ---------- Cinematic hero ---------- */
  .hero{position:relative;overflow:hidden;min-height:96vh;display:flex;align-items:flex-end;}
  @media (max-width:640px){ .hero{min-height:100vh;} }
  .hero-slides{position:absolute;inset:0;z-index:0;}
  .hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.6s ease;}
  .hero-slide.active{opacity:1;}
  .hero-slide img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform 8s ease;}
  .hero-slide.active img{transform:scale(1);}
  .hero::after{content:"";position:absolute;inset:0;z-index:1;
    background:linear-gradient(0deg, rgba(6,7,6,0.94) 0%, rgba(6,7,6,0.55) 42%, rgba(6,7,6,0.28) 70%, rgba(6,7,6,0.42) 100%);}
  .hero-content{position:relative;z-index:2;padding-block:64px 74px;width:100%;}
  .hero .eyebrow{color:var(--soft-lime);margin-bottom:18px;}
  .hero h1{font-size:clamp(2.6rem,6.6vw,5.4rem);line-height:0.98;color:#fff;max-width:16ch;}
  .hero h1 em{font-style:normal;color:var(--fresh-green);}
  .hero p.lede{font-family:"Inter";font-size:1.08rem;line-height:1.65;color:rgba(244,243,237,0.86);max-width:52ch;margin-top:22px;}
  .hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px;}
  .hero-dots{position:absolute;right:36px;bottom:40px;z-index:3;display:flex;flex-direction:column;gap:10px;}
  .hero-dots button{width:3px;height:28px;border-radius:2px;border:none;background:rgba(255,255,255,0.3);cursor:pointer;padding:0;transition:background .25s;}
  .hero-dots button.active{background:var(--fresh-green);}
  .hero-scroll{position:absolute;left:36px;bottom:40px;z-index:3;display:flex;align-items:center;gap:10px;color:rgba(255,255,255,0.7);}
  .hero-scroll span{font-family:"Manrope";font-weight:700;font-size:0.62rem;letter-spacing:0.14em;text-transform:uppercase;}
  .hero-scroll .ln{width:1px;height:34px;background:rgba(255,255,255,0.4);position:relative;overflow:hidden;}
  .hero-scroll .ln::after{content:"";position:absolute;left:0;top:-100%;width:100%;height:100%;background:var(--fresh-green);animation:scrolldrop 2.2s ease-in-out infinite;}
  @keyframes scrolldrop{ 0%{top:-100%;} 60%{top:100%;} 100%{top:100%;} }
  @media (prefers-reduced-motion:reduce){ .hero-scroll .ln::after{animation:none;top:0;} }
  @media (max-width:760px){ .hero-scroll{display:none;} }

  /* ---------- generic layout blocks ---------- */
  .head-row{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;flex-wrap:wrap;margin-bottom:44px;}
  .head-row h2{font-size:clamp(1.9rem,3.8vw,2.7rem);}
  .head-row p{max-width:44ch;line-height:1.6;margin-top:12px;font-family:"Inter";font-weight:400;text-transform:none;}
  .on-dark .head-row p{color:var(--steel);}
  .on-light .head-row p{color:var(--metallic);}
  .section-title{font-size:clamp(2.3rem,5vw,3.6rem);margin-top:14px;}
  .section-lede{max-width:64ch;margin-top:18px;line-height:1.65;font-family:"Inter";font-weight:400;text-transform:none;}
  .on-dark .section-lede{color:var(--steel);}
  .on-light .section-lede{color:var(--metallic);}
  .page-head{padding-top:128px;padding-bottom:0;}
  @media (max-width:640px){ .page-head{padding-top:104px;} }

  /* Introduction statement */
  .statement{max-width:1000px;}
  .statement h2{font-size:clamp(2rem,4.6vw,3.4rem);line-height:1.15;}
  .statement h2 .dim{opacity:0.4;}
  .statement .body{margin-top:28px;max-width:58ch;line-height:1.7;font-family:"Inter";font-weight:400;text-transform:none;color:var(--metallic);}

  /* Material Universe */
  .universe{display:flex;gap:2px;height:520px;border-radius:2px;overflow:hidden;}
  @media (max-width:900px){ .universe{flex-direction:column;height:auto;} }
  .u-panel{
    position:relative;flex:1;min-width:0;overflow:hidden;cursor:pointer;transition:flex-grow .5s ease;
    display:flex;align-items:flex-end;
  }
  @media (max-width:900px){ .u-panel{flex:none;height:88px;transition:height .4s ease;} .u-panel.expanded{height:280px;} }
  .universe:hover .u-panel{flex-grow:1;}
  .universe .u-panel:hover, .universe .u-panel:focus-within{flex-grow:3.2;}
  .u-panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(0.55) contrast(1.05) brightness(0.7);transition:filter .5s ease;}
  .u-panel:hover img, .u-panel:focus-within img, .u-panel.expanded img{filter:grayscale(0) contrast(1.08) brightness(0.85);}
  .u-panel::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,8,7,0.92) 0%,rgba(7,8,7,0.25) 55%,rgba(7,8,7,0.5) 100%);}
  .u-body{position:relative;z-index:2;padding:24px 18px;width:100%;color:#fff;}
  .u-body .idx{font-family:"Manrope";font-weight:700;font-size:0.68rem;letter-spacing:0.1em;color:var(--soft-lime);}
  .u-body h3{font-size:1.15rem;margin-top:10px;writing-mode:horizontal-tb;}
  .u-body p{margin:10px 0 0;font-family:"Inter";font-weight:400;text-transform:none;font-size:0.84rem;line-height:1.55;color:rgba(244,243,237,0.8);
    max-height:0;opacity:0;overflow:hidden;transition:max-height .4s ease,opacity .3s ease;}
  .u-panel:hover .u-body p, .u-panel:focus-within .u-body p, .u-panel.expanded .u-body p{max-height:120px;opacity:1;margin-top:10px;}

  /* Material Journey */
  .journey{position:relative;padding-top:16px;}
  .journey-stages{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;}
  @media (max-width:760px){ .journey-stages{grid-template-columns:repeat(2,1fr);} }
  .j-stage{position:relative;border-top:2px solid rgba(11,13,12,0.14);padding-top:16px;transition:border-color .4s ease;}
  .on-dark .j-stage{border-top-color:rgba(244,243,237,0.16);}
  .j-stage.lit{border-top-color:var(--fresh-green);}
  .j-stage .num{font-family:"Manrope";font-weight:700;font-size:0.66rem;color:var(--metallic);letter-spacing:0.1em;transition:color .4s ease;}
  .on-dark .j-stage .num{color:var(--steel);}
  .j-stage.lit .num{color:var(--deep-green);}
  .on-dark .j-stage.lit .num{color:var(--soft-lime);}
  .j-stage h4{margin-top:10px;font-size:1rem;}
  .j-stage p{margin:8px 0 0;font-family:"Inter";font-weight:400;text-transform:none;font-size:0.82rem;line-height:1.5;color:var(--steel);}

  /* Image break */
  .img-break{position:relative;min-height:64vh;display:flex;align-items:center;overflow:hidden;}
  .img-break img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
  .img-break::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg, rgba(6,7,6,0.9) 0%, rgba(6,7,6,0.55) 45%, rgba(6,7,6,0.15) 100%);}
  .img-break .cap{position:relative;z-index:2;max-width:640px;}
  .img-break .cap h2{font-size:clamp(1.8rem,3.6vw,2.7rem);color:#fff;margin-top:14px;}

  /* Why grid */
  .why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--line-light);border:1px solid var(--line-light);}
  .on-dark .why-grid{background:var(--line-dark);border-color:var(--line-dark);}
  @media (max-width:860px){ .why-grid{grid-template-columns:1fr;} }
  .why-card{background:var(--ivory);padding:36px 30px;}
  .on-dark .why-card{background:var(--graphite);}
  .why-card .num{font-family:"Manrope";font-weight:800;font-size:0.78rem;color:var(--deep-green);}
  .on-dark .why-card .num{color:var(--soft-lime);}
  .why-card h3{margin-top:14px;font-size:1.3rem;text-transform:none;}
  .why-card p{margin-top:12px;line-height:1.65;font-family:"Inter";font-weight:400;text-transform:none;font-size:0.92rem;color:var(--metallic);}
  .on-dark .why-card p{color:var(--steel);}

  /* cert feature */
  .cert-feature{display:grid;grid-template-columns:0.85fr 1.15fr;gap:56px;align-items:center;}
  @media (max-width:860px){ .cert-feature{grid-template-columns:1fr;} }
  .cert-feature img{border-radius:2px;box-shadow:var(--shadow);}
  .spec-list{margin-top:26px;border-top:1px solid var(--line-light);}
  .on-dark .spec-list{border-color:var(--line-dark);}
  .spec-row{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line-light);font-size:0.88rem;}
  .on-dark .spec-row{border-color:var(--line-dark);}
  .spec-row span:first-child{color:var(--metallic);}
  .on-dark .spec-row span:first-child{color:var(--steel);}
  .spec-row span:last-child{font-family:"Manrope";font-weight:700;font-variant-numeric:tabular-nums;}

  /* industries */
  .ind-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--line-light);border:1px solid var(--line-light);}
  .on-dark .ind-grid{background:var(--line-dark);border-color:var(--line-dark);}
  @media (max-width:860px){ .ind-grid{grid-template-columns:repeat(2,1fr);} }
  @media (max-width:560px){ .ind-grid{grid-template-columns:1fr;} }
  .ind-grid.ind-grid-4{grid-template-columns:repeat(4,1fr);}
  @media (max-width:960px){ .ind-grid.ind-grid-4{grid-template-columns:repeat(2,1fr);} }
  @media (max-width:560px){ .ind-grid.ind-grid-4{grid-template-columns:1fr;} }
  .ind-card{background:var(--ivory);padding:30px 26px;}
  .on-dark .ind-card{background:var(--graphite);}
  .ind-card .num{font-family:"Manrope";font-weight:700;font-size:0.68rem;color:var(--deep-green);letter-spacing:0.08em;}
  .on-dark .ind-card .num{color:var(--soft-lime);}
  .ind-card h3{margin-top:10px;font-size:1.15rem;text-transform:none;}
  .ind-card p{margin:10px 0 0;font-family:"Inter";font-weight:400;text-transform:none;font-size:0.86rem;line-height:1.55;color:var(--metallic);}
  .on-dark .ind-card p{color:var(--steel);}

  /* circular economy diagram */
  .loop-wrap{display:flex;justify-content:center;padding-block:20px;}
  .loop{position:relative;width:440px;height:440px;max-width:100%;}
  @media (max-width:520px){ .loop{width:300px;height:300px;} }
  .loop svg{position:absolute;inset:0;width:100%;height:100%;}
  .loop-node{position:absolute;width:118px;margin-left:-59px;text-align:center;}
  @media (max-width:520px){ .loop-node{width:88px;margin-left:-44px;} }
  .loop-node .dot{display:block;width:14px;height:14px;border-radius:50%;background:var(--fresh-green);margin:0 auto 10px;}
  .loop-node .lbl{font-family:"Manrope";font-weight:700;font-size:0.7rem;letter-spacing:0.06em;}
  .loop-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;width:150px;}
  .loop-center .serif{font-size:1.5rem;color:var(--soft-lime);}

  /* leadership */
  .leader{display:grid;grid-template-columns:0.7fr 1.3fr;gap:52px;align-items:center;}
  @media (max-width:820px){ .leader{grid-template-columns:1fr;} }
  .leader img{border-radius:2px;}
  .leader blockquote{margin:0;font-family:"Cormorant Garamond";font-style:italic;font-weight:500;font-size:clamp(1.3rem,2.6vw,1.8rem);line-height:1.5;color:#fff;}
  .leader figcaption{margin-top:20px;font-family:"Manrope";font-weight:700;font-size:0.76rem;letter-spacing:0.06em;color:var(--soft-lime);text-transform:uppercase;}

  /* final cta */
  .cta-band{background:var(--forest);padding:64px 56px;display:flex;justify-content:space-between;gap:28px;flex-wrap:wrap;align-items:center;}
  @media (max-width:640px){ .cta-band{padding:44px 28px;} }
  .cta-band h2{color:#fff;font-size:clamp(1.7rem,3.6vw,2.6rem);margin-top:10px;max-width:16ch;}
  .cta-band .eyebrow{color:var(--soft-lime);}

  /* footer */
  footer{background:var(--obsidian);border-top:1px solid var(--line-dark);padding-block:64px 32px;}
  .foot-top{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;padding-bottom:48px;border-bottom:1px solid var(--line-dark);}
  .foot-brand{display:flex;align-items:center;gap:12px;}
  .foot-brand .logo-badge img{height:30px;}
  .foot-cols{display:flex;gap:60px;flex-wrap:wrap;}
  .foot-col h5{font-family:"Manrope";font-weight:700;font-size:0.66rem;text-transform:uppercase;letter-spacing:0.12em;color:var(--steel);margin:0 0 16px;}
  .foot-col a{display:block;font-family:"Inter";font-size:0.86rem;text-decoration:none;color:var(--ivory);margin-bottom:10px;}
  .foot-col a:hover{color:var(--fresh-green);}
  .foot-bottom{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:28px;font-family:"Manrope";font-weight:600;font-size:0.72rem;color:var(--steel);}
  .foot-credit{margin:18px 0 0;font-family:"Inter";font-size:0.72rem;color:rgba(141,150,144,0.7);line-height:1.5;}

  /* materials filter */
  .filter-row{display:flex;gap:2px;flex-wrap:wrap;margin-bottom:40px;}
  .filter-btn{
    font-family:"Manrope";font-weight:700;font-size:0.72rem;letter-spacing:0.06em;text-transform:uppercase;
    padding:11px 18px;background:var(--white);border:1px solid var(--line-light);color:var(--metallic);cursor:pointer;
  }
  .filter-btn.active{background:var(--obsidian);color:#fff;border-color:var(--obsidian);}
  .mat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--line-light);border:1px solid var(--line-light);}
  @media (max-width:900px){ .mat-grid{grid-template-columns:repeat(2,1fr);} }
  @media (max-width:560px){ .mat-grid{grid-template-columns:1fr;} }
  .mat-card{background:var(--white);padding:0;display:flex;flex-direction:column;}
  .mat-media{height:170px;overflow:hidden;background:var(--graphite-2);}
  .mat-media img{width:100%;height:100%;object-fit:cover;}
  .mat-swatch{height:170px;}
  .mat-body{padding:24px;display:flex;flex-direction:column;gap:10px;flex:1;}
  .mat-body h3{font-size:1.2rem;text-transform:none;}
  .mat-body p{margin:0;color:var(--metallic);font-size:0.88rem;line-height:1.55;font-family:"Inter";font-weight:400;text-transform:none;}
  .tagset{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:10px;}
  .tag{font-family:"Manrope";font-weight:700;font-size:0.62rem;letter-spacing:0.03em;padding:5px 10px;background:var(--ivory);color:var(--forest);border:1px solid var(--line-light);}

  /* about */
  .about-grid{display:grid;grid-template-columns:0.85fr 1.15fr;gap:60px;align-items:start;}
  @media (max-width:900px){ .about-grid{grid-template-columns:1fr;} }
  .founder-card{position:sticky;top:120px;}
  @media (max-width:900px){ .founder-card{position:static;} }
  .founder-card img{border-radius:2px;}
  .founder-card h3{margin-top:20px;font-size:1.5rem;text-transform:none;}
  .founder-card .role{font-family:"Manrope";font-weight:700;font-size:0.7rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--deep-green);margin-top:6px;}
  .fact-table{width:100%;border-collapse:collapse;margin-top:22px;}
  .fact-table tr{border-top:1px solid var(--line-light);}
  .fact-table td{padding:12px 0;vertical-align:top;font-family:"Inter";}
  .fact-table td:first-child{font-family:"Manrope";font-weight:700;font-size:0.66rem;text-transform:uppercase;letter-spacing:0.05em;color:var(--metallic);width:44%;padding-right:14px;}
  .fact-table td:last-child{font-weight:600;font-size:0.9rem;}
  .subhead{font-family:"Manrope";font-weight:800;text-transform:uppercase;font-size:1.15rem;letter-spacing:0.02em;margin:42px 0 14px;color:var(--deep-green);}
  .subhead:first-child{margin-top:0;}
  .prose p{line-height:1.75;color:var(--metallic);margin:0 0 18px;font-family:"Inter";font-size:0.98rem;}
  .prose strong{color:var(--obsidian);}
  .quote-block{margin:8px 0 40px;padding:30px 32px;background:var(--ivory);border-left:2px solid var(--fresh-green);}
  .quote-block blockquote{margin:0;font-family:"Cormorant Garamond";font-style:italic;font-weight:500;font-size:1.25rem;line-height:1.6;}
  .quote-block figcaption{margin-top:16px;font-family:"Manrope";font-weight:700;font-size:0.72rem;letter-spacing:0.06em;color:var(--deep-green);text-transform:uppercase;}

  .timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--line-light);border:1px solid var(--line-light);margin-top:8px;}
  @media (max-width:700px){ .timeline{grid-template-columns:repeat(2,1fr);} }
  .tl-card{background:var(--white);padding:26px 20px;}
  .tl-card .num{font-family:"Manrope";font-weight:800;font-size:0.68rem;color:var(--deep-green);}
  .tl-card h4{margin-top:10px;font-size:1rem;text-transform:none;}
  .tl-card p{margin:8px 0 0;font-family:"Inter";font-weight:400;text-transform:none;font-size:0.8rem;color:var(--metallic);line-height:1.5;}

  .pledge-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--line-light);border:1px solid var(--line-light);margin-top:8px;}
  @media (max-width:640px){ .pledge-grid{grid-template-columns:1fr;} }
  .pledge-card{background:var(--white);}
  .pledge-card img{width:100%;}
  .pledge-card .cap{padding:18px 20px;}
  .pledge-card .cap p{margin:0;font-size:0.84rem;color:var(--metallic);line-height:1.55;font-family:"Inter";font-weight:400;text-transform:none;}

  /* solutions */
  .sol-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;background:var(--line-dark);border:1px solid var(--line-dark);}
  @media (max-width:760px){ .sol-grid{grid-template-columns:1fr;} }
  .sol-card{background:var(--graphite);padding:34px 30px;}
  .sol-card .num{font-family:"Manrope";font-weight:800;font-size:0.72rem;color:var(--soft-lime);}
  .sol-card h3{margin-top:12px;font-size:1.35rem;text-transform:none;}
  .sol-card p{margin-top:12px;line-height:1.65;color:var(--steel);font-family:"Inter";font-weight:400;text-transform:none;font-size:0.9rem;}

  .steps{display:flex;flex-direction:column;}
  .step{display:grid;grid-template-columns:70px 1fr;gap:24px;padding-block:26px;border-top:1px solid var(--line-light);}
  .on-dark .step{border-color:var(--line-dark);}
  .step:first-child{border-top:none;}
  .step .idx{font-family:"Manrope";font-weight:800;font-size:2rem;color:var(--fresh-green);line-height:1;}
  .step h3{font-size:1.3rem;text-transform:none;}
  .step p{margin:10px 0 0;font-family:"Inter";font-weight:400;text-transform:none;color:var(--metallic);line-height:1.65;max-width:66ch;}
  .on-dark .step p{color:var(--steel);}

  /* certification page */
  .cert-hero{padding-top:152px;padding-bottom:80px;background:var(--obsidian);}
  @media (max-width:640px){ .cert-hero{padding-top:120px;} }
  .cert-hero .eyebrow{color:var(--soft-lime);}
  .cert-hero h1{font-size:clamp(2.6rem,6vw,4.6rem);color:#fff;margin-top:16px;max-width:14ch;}
  .cert-list{display:flex;flex-direction:column;gap:2px;background:var(--line-light);border:1px solid var(--line-light);margin-top:8px;}
  .cert-row{display:grid;grid-template-columns:100px 1fr auto;gap:22px;align-items:center;background:var(--white);padding:22px 24px;}
  @media (max-width:700px){ .cert-row{grid-template-columns:60px 1fr;} .cert-row .cert-action{grid-column:1/-1;margin-top:12px;} }
  .cert-thumb{width:100px;height:100px;object-fit:cover;border:1px solid var(--line-light);}
  @media (max-width:700px){ .cert-thumb{width:60px;height:60px;} }
  .cert-thumb-mono{display:flex;align-items:center;justify-content:center;background:var(--ivory);color:var(--deep-green);font-family:"Manrope";font-weight:800;font-size:0.62rem;text-align:center;}
  .cert-body h3{font-size:1.05rem;text-transform:none;font-weight:700;}
  .cert-meta{display:flex;flex-wrap:wrap;gap:20px;margin-top:10px;}
  .cert-meta div{font-size:0.78rem;color:var(--metallic);font-family:"Inter";}
  .cert-meta b{display:block;font-family:"Manrope";font-weight:700;font-size:0.82rem;color:var(--obsidian);}

  /* sustainability pillars */
  .pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--line-light);border:1px solid var(--line-light);}
  @media (max-width:860px){ .pillars{grid-template-columns:1fr;} }
  .pillar{background:var(--white);padding:32px 28px;}
  .pillar h3{font-size:1.2rem;text-transform:none;font-weight:700;color:var(--deep-green);}
  .pillar p{margin:12px 0 0;color:var(--metallic);line-height:1.65;font-size:0.9rem;font-family:"Inter";font-weight:400;text-transform:none;}

  /* contact */
  .contact-layout{display:grid;grid-template-columns:1.1fr 0.9fr;gap:60px;align-items:start;}
  @media (max-width:900px){ .contact-layout{grid-template-columns:1fr;} }
  .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
  @media (max-width:600px){ .form-grid{grid-template-columns:1fr;} }
  .field{display:flex;flex-direction:column;gap:8px;}
  .field.full{grid-column:1/-1;}
  .field label{font-family:"Manrope";font-weight:700;font-size:0.66rem;text-transform:uppercase;letter-spacing:0.06em;color:var(--steel);}
  .field input, .field select, .field textarea{
    background:transparent;border:none;border-bottom:1px solid var(--line-dark);color:var(--ivory);
    padding:10px 2px;font-family:"Inter";font-size:0.94rem;resize:vertical;border-radius:0;
  }
  .field input:focus, .field select:focus, .field textarea:focus{outline:none;border-color:var(--fresh-green);}
  .field select option{background:var(--graphite);color:var(--ivory);}
  .contact-form .btn{margin-top:28px;}
  .form-status{margin-top:14px;font-size:0.8rem;color:var(--steel);font-family:"Inter";}
  .contact-card{display:flex;flex-direction:column;gap:12px;}
  .contact-line{display:flex;align-items:center;gap:14px;text-decoration:none;padding:14px 16px;border:1px solid var(--line-dark);transition:border-color .2s,background .2s;}
  .contact-line:hover{border-color:var(--fresh-green);background:rgba(111,174,47,0.06);}
  .contact-line .icon{width:36px;height:36px;background:var(--fresh-green);color:#0B1409;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
  .contact-line b{display:block;font-family:"Manrope";font-weight:700;font-size:0.92rem;}
  .contact-line span{display:block;font-size:0.72rem;color:var(--steel);font-family:"Inter";margin-top:2px;}

  ::selection{background:var(--fresh-green);color:#0B1409;}