:root{
  --la-black: #0d0c0b;
  --la-charcoal: #161412;
  --la-espresso: #2a211b;
  --la-walnut: #3b2b1f;
  --la-umber: #6f4f37;
  --la-stone: #a88f73;
  --la-brass: #c8a84b;
  --la-muted-gold: #b19149;
  --la-cream: #faf6f0;
  --la-parchment: #f0eae0;
  --text-dark: #201814;
  --text-soft: rgba(32,24,20,.72);
  --text-light: rgba(250,246,240,.88);
  --text-light-soft: rgba(250,246,240,.72);
  --heading-font: "Cormorant Garamond", Georgia, serif;
  --body-font: "DM Sans", Arial, sans-serif;
}

*,*::before,*::after{ box-sizing: border-box; }
html{ scroll-behavior: smooth; }
body{
  margin: 0;
  background: radial-gradient(circle at 12% 8%, rgba(200,168,75,.10), transparent 30%),
    linear-gradient(180deg, #fbf8f4 0%, #f0e8dc 48%, #e8dccf 100%);
  color: var(--text-dark);
  font-family: var(--body-font);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
a{ color: inherit; text-decoration: none; }

.cert-hero{
  position: relative;
  min-height: 78svh;
  display: grid;
  align-items: end;
  padding: 132px 0 86px;
  overflow: hidden;
  background: radial-gradient(circle at 82% 18%, rgba(200,168,75,.18), transparent 34%),
    linear-gradient(135deg, #161412, #2a211b 56%, #0d0c0b);
  color: var(--text-light);
}
.hero-overlay{ position:absolute; inset:0; background:radial-gradient(circle at 16% 24%, rgba(250,246,240,.08), transparent 32%), linear-gradient(180deg, rgba(13,12,11,.02), rgba(13,12,11,.44));}
.hero-content{ position:relative; z-index:2; max-width:920px; }

.eyebrow{ margin:0 0 12px; color:rgba(200,168,75,.94); font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }
.eyebrow.dark{ color:rgba(111,79,55,.72); }

h1,h2,h3{ font-family:var(--heading-font); letter-spacing:-.02em; }
h1{ margin:0 0 16px; color:#fff; font-size:clamp(44px,5.4vw,78px); font-weight:600; line-height:.96; }
.cert-hero p{ max-width:780px; color:var(--text-light-soft); font-size:clamp(16px,1.45vw,21px); line-height:1.66; }

.hero-actions{ margin-top:28px; display:flex; flex-wrap:wrap; gap:12px; }
.btn-rt,.btn-glass{ display:inline-flex; align-items:center; justify-content:center; border-radius:999px; padding:12px 18px; font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; text-decoration:none; }
.btn-rt{ border:0; color:#17120d; background:linear-gradient(180deg,#d9bb60,#c8a84b); box-shadow:0 14px 34px rgba(200,168,75,.22); }
.btn-glass{ border:1px solid rgba(250,246,240,.22); background:rgba(250,246,240,.08); color:rgba(250,246,240,.88); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); }

.intro-section,.process-section,.benefits-section{ padding:clamp(72px,9vw,118px) 0; }
.intro-section h2,.process-section h2,.standards-section h2,.benefits-section h2,.cta-section h2,.video-section h2{ margin:0 0 14px; font-size:clamp(34px,4.2vw,56px); font-weight:600; line-height:1.03; }
.intro-section p,.process-section p,.benefits-section p{ color:var(--text-soft); font-size:16px; line-height:1.72; }
.large-copy{ font-size:clamp(17px,1.45vw,21px) !important; color:rgba(32,24,20,.78) !important; }

.principle-grid,.process-grid,.benefit-grid{ display:grid; gap:16px; margin-top:34px; }
.principle-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.process-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.benefit-grid{ grid-template-columns:repeat(4,minmax(0,1fr)); }
.principle-grid article,.process-grid article,.benefit-grid article{ border:1px solid rgba(111,79,55,.12); border-radius:28px; padding:24px; background:rgba(255,255,255,.60); box-shadow:0 20px 52px rgba(13,12,11,.08); }
.principle-grid span,.process-grid span,.benefit-grid span{ color:var(--la-muted-gold); font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }
.principle-grid h3,.process-grid h3,.benefit-grid h3{ margin:8px 0 10px; color:var(--text-dark); font-size:31px; font-weight:600; line-height:1.08; }
.principle-grid p,.process-grid p,.benefit-grid p{ margin:0; color:var(--text-soft); font-size:15px; line-height:1.62; }

.video-section,.standards-section{ position:relative; overflow:hidden; padding:clamp(80px,10vw,130px) 0; background:linear-gradient(135deg,rgba(13,12,11,.92),rgba(42,33,27,.84)), radial-gradient(circle at 80% 12%, rgba(200,168,75,.18), transparent 34%); color:var(--text-light); }
.video-section h2,.standards-section h2{ color:#fff; }
.video-section p,.standards-section p{ color:var(--text-light-soft); font-size:17px; line-height:1.72; }

.video-placeholder{ min-height:390px; border:1px solid rgba(250,246,240,.14); border-radius:34px; display:grid; place-items:center; position:relative; overflow:hidden; background:radial-gradient(circle at 50% 36%, rgba(200,168,75,.18), transparent 44%), linear-gradient(135deg, rgba(250,246,240,.08), rgba(250,246,240,.03)); box-shadow:0 30px 80px rgba(0,0,0,.28); }
.video-placeholder::before{ content:""; position:absolute; inset:0; background:linear-gradient(90deg, transparent 0 48%, rgba(250,246,240,.04) 48% 52%, transparent 52% 100%), linear-gradient(0deg, transparent 0 48%, rgba(250,246,240,.04) 48% 52%, transparent 52% 100%); opacity:.6; }
.play-ring{ width:96px; height:96px; border:1px solid rgba(200,168,75,.56); border-radius:50%; display:grid; place-items:center; background:rgba(13,12,11,.34); box-shadow:0 0 0 10px rgba(200,168,75,.08); position:relative; z-index:2; }
.play-triangle{ width:0; height:0; border-top:15px solid transparent; border-bottom:15px solid transparent; border-left:23px solid rgba(250,246,240,.90); margin-left:6px; }
.video-copy{ position:absolute; left:24px; right:24px; bottom:24px; z-index:2; }
.video-copy span{ color:rgba(200,168,75,.94); font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }
.video-copy strong{ display:block; margin-top:8px; color:#fff; font-family:var(--heading-font); font-size:34px; font-weight:600; }
.video-copy p{ margin:8px 0 0; max-width:600px; color:rgba(250,246,240,.64); font-size:14px; }

.section-head{ max-width:820px; margin:0 auto 36px; }
.standards-list{ display:grid; gap:14px; }
.standards-list div{ border:1px solid rgba(250,246,240,.12); border-radius:22px; padding:18px; background:rgba(250,246,240,.06); }
.standards-list strong{ display:block; color:#fff; font-family:var(--heading-font); font-size:27px; font-weight:600; }
.standards-list span{ display:block; margin-top:4px; color:rgba(250,246,240,.64); line-height:1.56; }

.cta-section{ padding:clamp(76px,9vw,118px) 0; text-align:center; background:radial-gradient(circle at 48% 10%, rgba(200,168,75,.14), transparent 34%), linear-gradient(180deg,#fbf8f4,#eee5da); }
.cta-section p{ max-width:760px; margin:0 auto 24px; color:var(--text-soft); font-size:17px; line-height:1.72; }

@media (max-width:991.98px){ .principle-grid,.process-grid,.benefit-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:767.98px){ .cert-hero{ min-height:70svh; padding-top:122px; } .principle-grid,.process-grid,.benefit-grid{ grid-template-columns:1fr; } .video-placeholder{ min-height:330px; } .hero-actions{ flex-direction:column; align-items:flex-start; } }