/* Tenebra Service Detail Page — shared styles */

:root{
  --black:#0A0908;--obsidian:#171513;--surface:#1F1B17;
  --gold:#C9A961;--gold-soft:#d4b878;--gold-deep:#8B7340;
  --cream:#EFE7D8;--soft-white:#F4EFE6;--sienna:#8B3A2A;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{
  background:var(--black);color:var(--soft-white);
  font-family:'Inter',sans-serif;line-height:1.6;
  -webkit-font-smoothing:antialiased;scroll-behavior:smooth;
}
body{overflow-x:hidden;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}

.container{max-width:980px;margin:0 auto;padding:0 32px;}
.container-wide{max-width:1280px;margin:0 auto;padding:0 32px;}

nav.top{
  position:sticky;top:0;z-index:100;
  padding:18px 32px;display:flex;justify-content:space-between;align-items:center;
  background:rgba(10,9,8,0.85);backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(201,169,97,0.1);
}
nav.top .brand{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:20px;letter-spacing:0.2em;color:var(--soft-white);}
nav.top .back{font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold);opacity:0.85;}
nav.top .back:hover{opacity:1;}

.hero{
  padding:100px 0 80px;
  background:radial-gradient(ellipse at 50% 20%,rgba(201,169,97,0.10) 0%,transparent 60%),var(--black);
  text-align:center;
}
.breadcrumb{font-size:11px;letter-spacing:0.3em;color:var(--gold);text-transform:uppercase;margin-bottom:16px;opacity:0.85;}
.breadcrumb a{color:var(--gold);}
.hero h1{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:clamp(48px,7vw,92px);line-height:1.05;letter-spacing:-0.01em;color:var(--soft-white);margin-bottom:18px;}
.hero h1 em{color:var(--gold);font-style:italic;}
.hero .lede{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:22px;color:var(--cream);opacity:0.85;max-width:680px;margin:0 auto 40px;line-height:1.5;}

.meta-strip{
  display:flex;justify-content:center;gap:0;flex-wrap:wrap;
  padding:24px 0;border-top:1px solid rgba(201,169,97,0.15);border-bottom:1px solid rgba(201,169,97,0.15);
  max-width:880px;margin:48px auto 0;
}
.meta-item{padding:0 32px;text-align:center;border-right:1px solid rgba(201,169,97,0.15);}
.meta-item:last-child{border-right:0;}
.meta-label{font-size:9px;letter-spacing:0.3em;color:var(--gold);text-transform:uppercase;margin-bottom:6px;}
.meta-value{font-family:'Cormorant Garamond',serif;font-size:18px;color:var(--soft-white);font-weight:500;}

section.feature{padding:90px 0;border-bottom:1px solid #2a2520;}
section.feature.alt{background:var(--obsidian);}
section.feature .label{font-size:11px;letter-spacing:0.3em;color:var(--gold);text-transform:uppercase;margin-bottom:18px;}

h2{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:clamp(36px,4.5vw,56px);line-height:1.1;color:var(--soft-white);margin-bottom:24px;letter-spacing:-0.01em;}
h2 em{color:var(--gold);font-style:italic;}
h3{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:24px;color:var(--soft-white);margin-bottom:10px;}
p{font-size:17px;line-height:1.8;color:var(--cream);max-width:680px;margin-bottom:18px;}

/* Pain grid */
.pain-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;background:rgba(201,169,97,0.15);margin-top:48px;}
.pain-cell{background:var(--black);padding:32px 26px;}
.pain-num{font-family:'Cormorant Garamond',serif;font-size:14px;color:var(--gold);letter-spacing:0.2em;margin-bottom:8px;}
.pain-cell h4{font-family:'Cormorant Garamond',serif;font-size:20px;color:var(--soft-white);margin-bottom:8px;font-weight:600;}
.pain-cell p{font-size:14px;line-height:1.6;color:var(--cream);opacity:0.78;margin:0;}

/* Offer cards */
.offers{padding:100px 0;background:var(--black);}
.offers-intro{text-align:center;max-width:760px;margin:0 auto 70px;}
.offers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1px;background:rgba(201,169,97,0.15);}
.offer-card{
  background:var(--obsidian);padding:48px 40px;display:flex;flex-direction:column;
  transition:background 0.3s;
}
.offer-card:hover{background:#1c1814;}
.offer-card.featured{
  background:linear-gradient(180deg,#1c1814 0%,var(--obsidian) 100%);
  border:1px solid rgba(201,169,97,0.3);
}
.offer-num{font-size:11px;letter-spacing:0.3em;color:var(--gold);text-transform:uppercase;margin-bottom:14px;}
.offer-tag{
  display:inline-block;font-size:9px;letter-spacing:0.25em;color:var(--black);
  background:var(--gold);padding:4px 10px;text-transform:uppercase;font-weight:700;margin-left:10px;
  vertical-align:middle;
}
.offer-name{font-family:'Cormorant Garamond',serif;font-size:36px;font-weight:600;color:var(--soft-white);margin-bottom:8px;line-height:1.1;}
.offer-tagline{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:16px;color:var(--gold);margin-bottom:24px;line-height:1.5;}
.offer-desc{font-size:14px;line-height:1.7;color:var(--cream);opacity:0.85;margin-bottom:24px;}
.offer-price-block{padding:20px 0;border-top:1px solid rgba(201,169,97,0.2);border-bottom:1px solid rgba(201,169,97,0.2);margin-bottom:24px;}
.offer-price-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px;}
.offer-price-row:last-child{margin-bottom:0;}
.offer-price-label{font-size:10px;letter-spacing:0.2em;color:var(--gold);text-transform:uppercase;opacity:0.75;}
.offer-price-value{font-family:'Cormorant Garamond',serif;font-size:22px;color:var(--soft-white);font-weight:600;}
.offer-price-value small{font-size:13px;color:var(--cream);opacity:0.6;font-weight:400;font-style:italic;}
.offer-features{list-style:none;padding:0;margin-bottom:32px;flex:1;}
.offer-features li{font-size:13px;color:var(--cream);opacity:0.85;padding:6px 0 6px 22px;position:relative;line-height:1.5;}
.offer-features li::before{content:'·';color:var(--gold);position:absolute;left:6px;top:6px;font-size:18px;line-height:1;}
.offer-cta{
  display:block;text-align:center;padding:14px 0;
  border:1px solid var(--gold);color:var(--gold);
  font-size:11px;letter-spacing:0.25em;text-transform:uppercase;font-weight:600;
  transition:all 0.3s;
}
.offer-cta:hover{background:var(--gold);color:var(--black);}
.offer-card.featured .offer-cta{background:var(--gold);color:var(--black);}
.offer-card.featured .offer-cta:hover{background:var(--gold-soft);}

/* Why us */
.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px;margin-top:48px;}
.why-cell{padding:0;}
.why-num{font-family:'Cormorant Garamond',serif;font-size:42px;color:var(--gold);font-weight:500;line-height:1;margin-bottom:12px;}
.why-cell h4{font-family:'Cormorant Garamond',serif;font-size:20px;color:var(--soft-white);margin-bottom:10px;font-weight:600;}
.why-cell p{font-size:14px;line-height:1.65;color:var(--cream);opacity:0.78;margin:0;}

/* Process */
.process-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px;margin-top:48px;}
.process-step{text-align:center;padding:24px 16px;border:1px solid rgba(201,169,97,0.15);}
.process-step .num{font-family:'Cormorant Garamond',serif;font-size:32px;color:var(--gold);font-weight:600;display:block;margin-bottom:8px;}
.process-step h4{font-family:'Cormorant Garamond',serif;font-size:16px;color:var(--soft-white);margin-bottom:6px;font-weight:600;}
.process-step p{font-size:12px;line-height:1.5;color:var(--cream);opacity:0.7;margin:0;}

/* Quote */
blockquote{
  font-family:'Cormorant Garamond',serif;font-style:italic;font-size:28px;line-height:1.4;
  color:var(--gold);border-top:1px solid rgba(201,169,97,0.25);border-bottom:1px solid rgba(201,169,97,0.25);
  padding:32px 0;margin:48px auto;text-align:center;max-width:780px;
}
blockquote .source{display:block;font-style:normal;font-size:11px;letter-spacing:0.3em;color:var(--gold);text-transform:uppercase;margin-top:14px;opacity:0.8;}

/* Stack tags */
.stack{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;}
.tag{font-size:10px;letter-spacing:0.2em;color:var(--cream);opacity:0.85;text-transform:uppercase;padding:6px 14px;border:1px solid rgba(201,169,97,0.3);}

/* Proof stats */
.proof-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;background:rgba(201,169,97,0.15);margin-top:48px;}
.proof-cell{background:var(--black);padding:32px 26px;text-align:center;}
.proof-stat{font-family:'Cormorant Garamond',serif;font-size:48px;color:var(--gold);font-weight:600;line-height:1;margin-bottom:8px;}
.proof-cell h5{font-size:11px;letter-spacing:0.2em;color:var(--soft-white);text-transform:uppercase;margin-bottom:4px;font-weight:500;}
.proof-cell p{font-size:12px;line-height:1.5;color:var(--cream);opacity:0.7;margin:0;}

/* FAQ */
.faq-list{margin-top:48px;}
.faq-item{border-top:1px solid rgba(201,169,97,0.15);padding:28px 0;}
.faq-item:last-child{border-bottom:1px solid rgba(201,169,97,0.15);}
.faq-q{font-family:'Cormorant Garamond',serif;font-size:22px;color:var(--soft-white);font-weight:600;margin-bottom:10px;}
.faq-a{font-size:15px;color:var(--cream);opacity:0.85;line-height:1.7;}

/* CTA */
.cta-section{padding:120px 0;text-align:center;background:radial-gradient(ellipse at 50% 50%,rgba(201,169,97,0.08) 0%,transparent 60%),var(--black);}
.cta-section h2{margin-bottom:24px;}
.cta-section p{max-width:580px;margin:0 auto 36px;}
.cta-btn{
  display:inline-flex;align-items:center;gap:12px;
  background:var(--gold);color:var(--black);
  padding:18px 40px;font-size:13px;letter-spacing:0.25em;
  text-transform:uppercase;font-weight:700;transition:all 0.3s;
}
.cta-btn:hover{background:var(--gold-soft);transform:translateY(-2px);}
.cta-btn-secondary{
  display:inline-flex;align-items:center;gap:12px;
  background:transparent;color:var(--gold);border:1px solid var(--gold);
  padding:18px 40px;font-size:13px;letter-spacing:0.25em;
  text-transform:uppercase;font-weight:600;transition:all 0.3s;
  margin-left:14px;
}
.cta-btn-secondary:hover{background:rgba(201,169,97,0.08);}

/* Footer nav */
.footer-nav{display:flex;justify-content:space-between;padding:40px 0;border-top:1px solid rgba(201,169,97,0.15);}
.footer-nav a{font-size:11px;letter-spacing:0.3em;text-transform:uppercase;color:var(--gold);opacity:0.85;transition:opacity 0.3s;}
.footer-nav a:hover{opacity:1;}

footer{background:var(--black);padding:50px 32px 30px;border-top:1px solid rgba(201,169,97,0.15);text-align:center;}
footer .mark{font-size:24px;color:var(--gold);margin-bottom:12px;}
footer .brand{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:20px;letter-spacing:0.2em;color:var(--soft-white);}
footer .meta{margin-top:18px;font-size:10px;letter-spacing:0.2em;color:var(--cream);opacity:0.5;text-transform:uppercase;}
footer .legal-links{margin-top:14px;font-size:10px;letter-spacing:0.2em;text-transform:uppercase;}
footer .legal-links a{color:var(--cream);opacity:0.6;margin:0 10px;}
footer .legal-links a:hover{opacity:1;color:var(--gold);}

@media(max-width:768px){
  .offers-grid{grid-template-columns:1fr;}
  .meta-strip{flex-direction:column;}
  .meta-item{border-right:0;border-bottom:1px solid rgba(201,169,97,0.15);padding:18px 0;}
  .meta-item:last-child{border-bottom:0;}
  .cta-btn-secondary{margin-left:0;margin-top:14px;}
}