/* ============================================================
   CORPUS CARBON — Inner page styles (loaded after style.css)
   Solid green + carbon black. No gradients.
   ============================================================ */

.page-hero{position:relative;overflow:hidden;background:var(--coal);padding:118px 0 64px;text-align:center}
.page-hero .ph-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.30}
.page-hero::after{content:'';position:absolute;inset:0;background:rgba(13,15,10,.62)}
.page-hero .container{position:relative;z-index:2}
.page-hero .eyebrow{color:var(--green);justify-content:center}
.page-hero h1{color:#fff;font-size:clamp(30px,4.6vw,52px);margin-bottom:14px}
.page-hero p{color:rgba(255,255,255,.80);max-width:660px;margin:0 auto;font-size:16.5px}
.breadcrumb{display:inline-flex;align-items:center;gap:9px;margin-top:20px;font-size:13.5px;color:rgba(255,255,255,.62);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);padding:8px 18px;border-radius:50px}
.breadcrumb a{color:#8fd06a}
.breadcrumb a:hover{color:#fff}
.breadcrumb i{font-size:9px;opacity:.6}

/* two-col split */
.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.split.rev .split-img{order:2}
.split-img{border-radius:var(--r-lg);overflow:hidden;position:relative}
.split-img img{width:100%;height:460px;object-fit:cover;transition:transform .8s var(--ease)}
.split-img:hover img{transform:scale(1.04)}
.split-text h2{font-size:clamp(26px,3.2vw,38px);margin-bottom:16px}
.split-text p{color:var(--text);margin-bottom:16px}
.split-text .lead{font-size:17px}

.ck-list{display:grid;gap:12px;margin:22px 0}
.ck-list li{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;color:var(--text)}
.ck-list li i{flex-shrink:0;width:24px;height:24px;border-radius:7px;background:var(--green-pale);color:var(--green-deep);display:flex;align-items:center;justify-content:center;font-size:11px;margin-top:2px}

/* vision / mission / values */
.vm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.vm-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:34px 28px;transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s var(--ease)}
.vm-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:var(--green)}
.vm-ic{width:62px;height:62px;border-radius:16px;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;font-size:25px;margin-bottom:18px}
.vm-card h3{font-size:20px;margin-bottom:10px}
.vm-card p{font-size:14px;color:var(--muted)}

.stat-row{display:flex;gap:40px;flex-wrap:wrap;margin-top:28px}
.stat-row .s .n{font-family:'Sora',sans-serif;font-size:36px;font-weight:800;color:var(--green-deep);line-height:1}
.stat-row .s .l{font-size:13px;color:var(--muted);font-weight:600;margin-top:4px}

/* ===== PRODUCTS PAGE ===== */
.prod-row{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);padding:34px;margin-bottom:30px;scroll-margin-top:110px;transition:box-shadow .4s var(--ease),border-color .4s var(--ease)}
.prod-row:hover{box-shadow:var(--shadow);border-color:var(--green)}
.prod-row.rev .prod-pic{order:2}
.prod-pic{border-radius:var(--r-lg);overflow:hidden;height:340px}
.prod-pic img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.prod-row:hover .prod-pic img{transform:scale(1.05)}
.prod-tag{display:inline-block;background:var(--green);color:#fff;font-family:'Sora',sans-serif;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 13px;border-radius:50px;margin-bottom:13px}
.prod-info h3{font-size:clamp(22px,2.6vw,30px);margin-bottom:10px}
.prod-info>p{color:var(--muted);font-size:14.5px;margin-bottom:18px}
.spec-table{width:100%;border-collapse:collapse;margin-bottom:18px}
.spec-table th,.spec-table td{text-align:left;font-size:13.5px;padding:9px 14px;border-bottom:1px solid var(--line)}
.spec-table th{background:var(--paper-2);color:var(--ink);font-family:'Sora',sans-serif;font-weight:600;width:44%}
.spec-table td{color:var(--text)}
.spec-table tr:last-child th,.spec-table tr:last-child td{border-bottom:none}
.chip-row{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}
.chip-row .lbl{width:100%;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px}
.mini-chip{font-size:12px;font-weight:600;color:var(--green-deep);background:var(--green-pale);border:1px solid var(--green-pale-2);padding:4px 11px;border-radius:30px}
.mini-chip.dark{background:var(--coal);color:#fff;border-color:var(--coal)}
.prod-apps{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}
.prod-apps span{font-size:12px;color:var(--text);background:var(--paper-2);border:1px solid var(--line);padding:4px 11px;border-radius:30px}

/* packing band */
.pack-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.pack-card{text-align:center;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px 18px;transition:transform .4s var(--ease),border-color .4s var(--ease)}
.pack-card:hover{transform:translateY(-5px);border-color:var(--green)}
.pack-card i{font-size:30px;color:var(--green);margin-bottom:12px}
.pack-card h5{font-family:'Sora',sans-serif;font-size:15px;color:var(--ink);margin-bottom:3px}
.pack-card p{font-size:12.5px;color:var(--muted)}

/* document cards */
.doc-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.doc-card{display:flex;gap:20px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:28px;transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s var(--ease)}
.doc-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--green)}
.doc-ic{flex-shrink:0;width:60px;height:60px;border-radius:14px;background:var(--coal);color:var(--green);display:flex;align-items:center;justify-content:center;font-size:26px}
.doc-card h4{font-size:17px;margin-bottom:4px}
.doc-card p{font-size:13px;color:var(--muted);margin-bottom:12px}
.doc-card .reg{font-size:12px;color:var(--green-deep);font-weight:600}

.msme{display:inline-flex;align-items:center;gap:10px;background:var(--green-pale);border:1px solid var(--green-pale-2);color:var(--green-deep);font-size:13px;font-weight:600;padding:8px 16px;border-radius:50px;margin-top:16px}
.msme i{color:var(--green)}

/* ===== CONTACT PAGE ===== */
.info-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:46px}
.info-tile{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:30px 26px;text-align:center;transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s var(--ease)}
.info-tile:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:var(--green)}
.info-tile .ic{width:60px;height:60px;border-radius:50%;background:var(--green-pale);color:var(--green-deep);display:inline-flex;align-items:center;justify-content:center;font-size:23px;margin-bottom:16px}
.info-tile h5{font-size:16px;margin-bottom:8px}
.info-tile p,.info-tile a{font-size:14px;color:var(--text);line-height:1.6}
.info-tile a:hover{color:var(--green-deep)}
.map-wrap{border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);height:420px;box-shadow:var(--shadow-sm)}
.map-wrap iframe{width:100%;height:100%;border:0;display:block}

/* ===== FAQ ===== */
.faq-list{max-width:850px;margin:0 auto}
.faq-item{background:#fff;border:1px solid var(--line);border-radius:var(--r);margin-bottom:14px;overflow:hidden;transition:border-color .3s var(--ease),box-shadow .3s var(--ease)}
.faq-item.open{border-color:var(--green);box-shadow:var(--shadow-sm)}
.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;font-family:'Sora',sans-serif;font-size:15.5px;font-weight:600;color:var(--ink);text-align:left;cursor:pointer;background:none}
.faq-q i{flex-shrink:0;width:28px;height:28px;border-radius:8px;background:var(--green-pale);color:var(--green-deep);display:flex;align-items:center;justify-content:center;font-size:12px;transition:transform .35s var(--ease),background .3s,color .3s}
.faq-item.open .faq-q i{background:var(--green);color:#fff;transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .4s var(--ease)}
.faq-a p{padding:0 24px 22px;font-size:14.5px;color:var(--muted);line-height:1.75}

/* ===== LEGAL PROSE ===== */
.prose{max-width:870px;margin:0 auto}
.prose h2{font-size:22px;margin:34px 0 12px}
.prose h2:first-child{margin-top:0}
.prose p{color:var(--text);margin-bottom:15px;font-size:15px}
.prose ul{margin:0 0 18px 0;display:grid;gap:8px;list-style:none}
.prose ul li{position:relative;padding-left:24px;color:var(--text);font-size:15px}
.prose ul li::before{content:'\f00c';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;left:0;top:1px;color:var(--green);font-size:11px}
.prose .upd{font-size:13px;color:var(--muted);margin-bottom:26px}

/* ===== THANK YOU ===== */
.ty{min-height:62vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:80px 0}
.ty-ic{width:96px;height:96px;border-radius:50%;background:var(--green);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:42px;margin-bottom:24px;box-shadow:var(--shadow-green)}
.ty h1{font-size:clamp(28px,4vw,44px);margin-bottom:14px}
.ty p{color:var(--muted);max-width:520px;margin:0 auto 28px;font-size:16px}

@media (max-width:980px){
  .split,.prod-row,.doc-grid{grid-template-columns:1fr;gap:30px}
  .split.rev .split-img,.prod-row.rev .prod-pic{order:0}
  .split-img img{height:340px}
  .vm-grid{grid-template-columns:1fr}
  .info-tiles{grid-template-columns:1fr}
  .pack-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .page-hero{padding:70px 0 42px}
  .page-hero h1{font-size:27px}
  .page-hero p{font-size:14.5px}
  .breadcrumb{font-size:12.5px;padding:7px 14px;margin-top:16px}
  .split-text h2{font-size:23px}
  .split-text .lead{font-size:15.5px}
  .prod-row{padding:18px}
  .prod-pic{height:230px}
  .prod-info h3{font-size:22px}
  .prod-info>p{font-size:13.5px}
  .spec-table th,.spec-table td{font-size:12.5px;padding:8px 10px}
  .vm-card{padding:26px 20px}
  .vm-card h3{font-size:18px}
  .info-tile{padding:26px 20px}
  .faq-q{font-size:14.5px;padding:16px 18px}
  .faq-a p{padding:0 18px 18px;font-size:14px}
  .prose h2{font-size:19px}
  .prose p,.prose ul li{font-size:14.5px}
  .ty h1{font-size:26px}
  .ty p{font-size:15px}
  .stat-row{gap:22px}
  .stat-row .s .n{font-size:30px}
  .map-wrap{height:320px}
}