/* ============================================================
   Build My AI Freedom — shared styles for the secondary pages
   (about, contact, privacy, terms, refund, cookies).
   The homepage keeps its own inline CSS; tokens here mirror it.
   ============================================================ */

:root{
  --bg:#07060a;
  --bg-soft:#0d0b11;
  --bg-card:#121016;
  --line:rgba(201,169,97,0.16);
  --line-strong:rgba(201,169,97,0.34);
  --gold:#c9a961;
  --gold-bright:#f0d78c;
  --gold-deep:#8a6f3a;
  --text:#f4efe4;
  --text-dim:#a89f95;
  --text-faint:#6f6862;
  --serif:'Playfair Display', serif;
  --sans:'Inter', sans-serif;
  --max:1180px;
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  background:var(--bg);
  color:var(--text);
  font-family:var(--sans);
  line-height:1.6;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}

/* film grain + vignette, matching the homepage */
body::before{
  content:"";position:fixed; inset:0; z-index:9999; pointer-events:none; opacity:0.035;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
body::after{
  content:"";position:fixed; inset:0; z-index:9998; pointer-events:none;
  background:radial-gradient(ellipse at center, transparent 40%, rgba(0,0,0,0.55) 100%);
}

.wrap{max-width:var(--max); margin:0 auto; padding:0 32px;}
a{color:inherit; text-decoration:none;}
::selection{background:var(--gold-deep); color:#fff;}

/* ---------------- NAV ---------------- */
nav{
  position:sticky; top:0; z-index:1000;
  padding:16px 0;
  background:rgba(7,6,10,0.9);
  backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
}
nav .wrap{display:flex; align-items:center; justify-content:space-between; gap:20px;}
.logo{display:inline-flex; align-items:center;}
.logo-img{height:48px; width:48px; border-radius:50%; display:block; box-shadow:0 0 0 1px var(--line-strong);}
.nav-back{
  font-size:13px; letter-spacing:0.5px; text-transform:uppercase; color:var(--text-dim);
  transition:color .25s ease;
}
.nav-back:hover{color:var(--gold-bright);}
.nav-cta{
  display:inline-flex; align-items:center; gap:8px;
  background:linear-gradient(135deg, var(--gold-bright), var(--gold-deep));
  color:#1a1408 !important;
  padding:10px 22px; border-radius:2px;
  font-weight:600; font-size:13px; letter-spacing:0.3px; text-transform:uppercase;
  transition:transform .25s ease, box-shadow .25s ease;
}
.nav-cta:hover{transform:translateY(-2px); box-shadow:0 10px 30px rgba(201,169,97,0.25);}

/* ---------------- PAGE HEAD ---------------- */
.page-head{
  padding:84px 0 56px;
  border-bottom:1px solid var(--line);
  background:
    radial-gradient(ellipse 60% 70% at 50% 0%, rgba(201,169,97,0.10), transparent 65%),
    linear-gradient(180deg, var(--bg) 0%, var(--bg-soft) 100%);
}
.page-head .eyebrow{
  display:block; font-size:12.5px; letter-spacing:3px; text-transform:uppercase;
  color:var(--gold); margin-bottom:18px;
}
.page-head h1{
  font-family:var(--serif); font-weight:700;
  font-size:clamp(32px,5vw,56px); line-height:1.1; letter-spacing:-0.3px;
}
.page-head h1 em{font-style:italic; color:var(--gold-bright);}
.page-head .lead{color:var(--text-dim); font-size:17px; margin-top:20px; max-width:62ch;}
.page-head .updated{
  margin-top:26px; padding-top:18px; border-top:1px solid var(--line);
  font-size:12.5px; color:var(--text-faint); letter-spacing:0.4px;
}

/* ---------------- DOC BODY ---------------- */
.doc{padding:64px 0 90px;}
.doc .wrap{max-width:860px;}
.doc h2{
  font-family:var(--serif); font-weight:600;
  font-size:clamp(21px,2.6vw,27px); line-height:1.25;
  margin:46px 0 14px; color:var(--text);
}
.doc h2:first-of-type{margin-top:0;}
.doc h3{
  font-size:16px; font-weight:600; margin:28px 0 10px; color:var(--gold-bright);
}
.doc p, .doc li{color:var(--text-dim); font-size:15.5px;}
.doc p{margin-bottom:16px;}
.doc ul{margin:0 0 18px; padding-left:0; list-style:none;}
.doc li{position:relative; padding:9px 0 9px 24px; border-bottom:1px solid var(--line);}
.doc li:first-child{border-top:1px solid var(--line);}
.doc li::before{content:"—"; position:absolute; left:0; color:var(--gold-deep);}
.doc strong{color:var(--text); font-weight:600;}
.doc a:not(.btn-primary){color:var(--gold-bright); border-bottom:1px solid var(--gold-deep);}
.doc a:not(.btn-primary):hover{border-bottom-color:var(--gold-bright);}

.callout{
  border:1px solid var(--line); border-left:3px solid var(--gold-deep);
  background:var(--bg-card); padding:22px 26px; margin:26px 0;
}
.callout p:last-child{margin-bottom:0;}

.doc table{
  width:100%; border-collapse:collapse; border:1px solid var(--line); margin:22px 0;
}
.doc th, .doc td{
  padding:14px 18px; text-align:left; font-size:14.5px; border-bottom:1px solid var(--line);
}
.doc th{font-family:var(--serif); font-size:15px; font-weight:600; color:var(--text); background:var(--bg-card);}
.doc td{color:var(--text-dim);}
.doc tr:last-child td{border-bottom:none;}

/* ---------------- BUTTONS / CTA BAND ---------------- */
.btn-primary{
  display:inline-flex; align-items:center; gap:10px;
  background:linear-gradient(135deg, var(--gold-bright), var(--gold-deep));
  color:#1a1408; padding:16px 32px;
  font-weight:700; font-size:14.5px; letter-spacing:0.4px; text-transform:uppercase;
  border-radius:2px; transition:transform .3s ease, box-shadow .3s ease;
}
.btn-primary:hover{transform:translateY(-3px); box-shadow:0 16px 40px rgba(201,169,97,0.3);}
.cta-band{
  text-align:center; padding:84px 0;
  border-top:1px solid var(--line);
  background:radial-gradient(ellipse 55% 70% at 50% 50%, rgba(201,169,97,0.10), transparent 70%);
}
.cta-band h2{font-family:var(--serif); font-weight:700; font-size:clamp(26px,4vw,40px); margin-bottom:16px;}
.cta-band h2 em{font-style:italic; color:var(--gold-bright);}
.cta-band p{color:var(--text-dim); max-width:48ch; margin:0 auto 32px;}

/* ---------------- FOOTER ---------------- */
footer{border-top:1px solid var(--line); padding:60px 0 34px;}
.footer-top{display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; gap:40px; margin-bottom:50px;}
.footer-brand .logo{margin-bottom:14px;}
.footer-logo-img{height:72px; width:72px;}
.footer-brand p{color:var(--text-faint); font-size:14px; max-width:320px;}
.footer-links{display:flex; gap:64px; flex-wrap:wrap;}
.footer-col h4{font-size:12.5px; letter-spacing:2px; text-transform:uppercase; color:var(--gold); margin-bottom:18px;}
.footer-col a{display:block; color:var(--text-dim); font-size:14.5px; margin-bottom:12px; transition:color .25s ease;}
.footer-col a:hover{color:var(--gold-bright);}
.footer-bottom{
  border-top:1px solid var(--line); padding-top:26px;
  display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px;
  font-size:13px; color:var(--text-faint);
}

/* ---------------- WHATSAPP FLOAT ---------------- */
.wa-float{
  position:fixed; bottom:28px; right:28px; z-index:900;
  width:58px; height:58px; border-radius:50%;
  background:linear-gradient(135deg, var(--gold-bright), var(--gold-deep));
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 10px 30px rgba(201,169,97,0.35);
  transition:transform .3s ease;
}
.wa-float:hover{transform:scale(1.08);}
.wa-float svg{width:26px; height:26px; fill:#1a1408;}

/* ---------------- CONTACT / ABOUT BLOCKS ---------------- */
.cards{display:grid; grid-template-columns:repeat(2,1fr); gap:24px; margin:8px 0 10px;}
.card{
  border:1px solid var(--line); background:linear-gradient(180deg, var(--bg-card), var(--bg));
  padding:32px 30px; transition:border-color .3s ease, transform .3s ease;
}
.card:hover{border-color:var(--gold-deep); transform:translateY(-5px);}
.card .kicker{display:block; font-size:12px; letter-spacing:2px; text-transform:uppercase; color:var(--gold); margin-bottom:12px;}
.card h3{font-family:var(--serif); font-size:22px; font-weight:600; margin-bottom:10px;}
.card p{color:var(--text-dim); font-size:14.5px; margin-bottom:12px;}
.card .big{font-family:var(--serif); font-size:20px; color:var(--gold-bright); display:block; margin-bottom:6px;}

.people{display:grid; grid-template-columns:repeat(2,1fr); gap:24px; margin:10px 0;}
.person{border:1px solid var(--line); background:var(--bg-card); overflow:hidden;}
.person img{display:block; width:100%; aspect-ratio:1/1; object-fit:cover;}
.person .person-body{padding:26px 24px;}
.person .kicker{display:block; font-size:12px; letter-spacing:2px; text-transform:uppercase; color:var(--gold); margin-bottom:10px;}
.person h3{font-family:var(--serif); font-size:21px; font-weight:600; margin-bottom:10px;}
.person p{color:var(--text-dim); font-size:14.5px;}
.founders-photo-wide{border:1px solid var(--line); margin:10px 0 26px;}
.founders-photo-wide img{display:block; width:100%; height:auto;}
.founders-photo-wide figcaption{
  padding:14px 20px; border-top:1px solid var(--line);
  font-size:12.5px; color:var(--text-faint); background:var(--bg-card);
}

@media (max-width:860px){
  .wrap{padding:0 22px;}
  .page-head{padding:56px 0 40px;}
  .doc{padding:48px 0 70px;}
  .cards, .people{grid-template-columns:1fr;}
  .footer-top{flex-direction:column;}
  .footer-links{gap:36px;}
  .nav-back{display:none;}
}