/* Homepage-only styles. Loaded on front page/blog home. */


:root{
  --bg:#111418;
  --bg-dark:#0d0f12;
  --line:#2a2f36;
  --ink:#f5f2ed;
  --ink-muted:#9a9a9a;
  --orange:#e8734a;
  --sage:#7daf9a;
  --gap-lg:120px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'Inter',sans-serif;font-size:16px;line-height:1.6;}
h1,h2,h3{font-family:'Fraunces',serif;font-weight:600;line-height:1.15;margin:0;}
a{color:inherit;text-decoration:none;}
.wrap{max-width:1100px;margin:0 auto;padding:0 32px;}
.label{font-size:12px;text-transform:uppercase;letter-spacing:0.08em;color:var(--orange);}
.label.sage{color:var(--sage);}
::selection{background:var(--orange);color:#111;}

/* nav */
nav{border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(17,20,24,.94);backdrop-filter:blur(6px);z-index:20;}
nav .wrap{display:flex;align-items:center;justify-content:space-between;padding:20px 32px;}
.brand{font-family:'Fraunces',serif;font-size:20px;font-weight:600;}
.brand .dot{color:var(--orange);}
nav ul{list-style:none;display:flex;gap:26px;margin:0;padding:0;}
nav ul a{font-size:13px;text-transform:uppercase;letter-spacing:0.05em;color:var(--ink-muted);}
nav ul a:hover{color:var(--ink);}
.btn{
  display:inline-block;padding:12px 22px;font-size:14px;font-weight:500;
  border-radius:0; /* sharp corners by design */
}
.btn-orange{background:var(--orange);color:#fff;}
.btn-text{color:var(--orange);border-bottom:1px solid var(--orange);padding:0 0 2px;font-size:14px;}

section{padding:var(--gap-lg) 0;border-bottom:1px solid var(--line);}

/* hero */
.hero h1{font-size:56px;max-width:14ch;letter-spacing:-0.01em;}
.hero h1 em{font-style:italic;color:var(--ink-muted);font-weight:500;}
.hero p.sub{margin-top:24px;font-size:17px;color:var(--ink-muted);max-width:500px;}
.hero .risk{margin-top:26px;font-size:18px;font-weight:600;color:var(--orange);}
.hero .cta{margin-top:30px;}

/* founder */
.founder-grid{display:grid;grid-template-columns:400px 1fr;gap:56px;align-items:center;}
.photo-frame{
  width:100%;aspect-ratio:400/480;border:1px solid var(--ink-muted);
  display:flex;align-items:center;justify-content:center;color:var(--ink-muted);
  font-size:13px;text-align:center;padding:20px;
}
.founder-copy h2{font-size:32px;margin-top:8px;}
.founder-copy p{color:var(--ink-muted);margin-top:14px;font-size:16px;max-width:52ch;}
.stats-row{display:flex;gap:0;margin-top:22px;}
.stats-row .stat{padding:0 22px;border-left:1px solid var(--line);font-size:14px;color:var(--ink-muted);}
.stats-row .stat:first-child{padding-left:0;border-left:none;}
.stats-row .stat b{display:block;color:var(--orange);font-family:'Fraunces',serif;font-size:20px;font-weight:600;}
.founder-copy .btn-text{display:inline-block;margin-top:20px;}

/* trade concept */
.trade-section{text-align:center;}
.trade-section h2{font-size:36px;margin-top:8px;}
.concept-frame{
  margin:34px auto 0;max-width:800px;aspect-ratio:16/9;
  border:1px solid var(--line);background:#1a1e23;
  display:flex;align-items:center;justify-content:center;
  color:var(--ink-muted);font-size:14px;text-align:center;padding:20px;
}
.trade-section .note{margin-top:14px;font-size:13.5px;font-style:italic;color:var(--ink-muted);}

/* services */
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:20px;}
.services-col h3{font-size:18px;margin-bottom:16px;}
.services-col.unique h3{color:var(--orange);}
.service-row{padding:12px 0;border-top:1px solid var(--line);font-size:14.5px;color:var(--ink-muted);line-height:1.5;}
.service-row:first-of-type{border-top:none;}
.service-row b{color:var(--ink);font-weight:600;}
.service-note{margin-top:30px;font-size:15px;color:var(--orange);font-weight:600;}

/* concept gallery */
.filter-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:28px;}
.filter-btn{
  font-size:13px;padding:8px 16px;border:1px solid var(--line);color:var(--ink-muted);
  background:none;cursor:pointer;font-family:'Inter',sans-serif;
}
.filter-btn.active{border-color:var(--orange);color:var(--orange);}
.concept-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px;}
.concept-card{
  aspect-ratio:16/10;border:1px solid var(--line);background:#1a1e23;
  display:flex;align-items:center;justify-content:center;
  color:var(--ink-muted);font-size:13px;text-align:center;padding:14px;
}
.concept-card.hidden{display:none;}
.see-all{margin-top:30px;}

/* faq */
.faq-item{border-top:1px solid var(--line);padding:18px 0;}
.faq-item:first-of-type{border-top:none;}
.faq-item summary{cursor:pointer;font-size:16px;font-weight:600;color:var(--ink);list-style:none;display:flex;justify-content:space-between;align-items:center;}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{content:"+";color:var(--orange);font-size:20px;}
.faq-item[open] summary::after{content:"–";}
.faq-item p{margin-top:12px;color:var(--ink-muted);font-size:15px;max-width:62ch;}

/* how it works */
.steps{display:grid;grid-template-columns:1fr 1fr 1fr;}
.step{padding:0 28px;border-left:1px solid var(--line);}
.step:first-child{border-left:none;padding-left:0;}
.step .num{font-family:'Fraunces',serif;font-size:40px;color:var(--orange);font-weight:600;}
.step p{margin-top:10px;font-size:16px;font-weight:600;color:var(--ink);}

/* included */
.included-block{border-top:1px solid var(--line);padding-top:36px;}
.included-block h3{font-size:28px;max-width:32ch;}
.included-block .sub{margin-top:10px;color:var(--ink-muted);font-size:15px;}

/* no risk */
.no-risk{text-align:center;}
.no-risk h2{font-size:32px;margin-top:8px;}
.no-risk p{margin-top:14px;color:var(--ink-muted);font-size:16px;}

/* contact */
.contact-section{background:var(--bg-dark);text-align:center;border-bottom:none;}
.contact-section h2{font-size:44px;}
.contact-section .btn{margin-top:26px;}
.contact-section .links{margin-top:22px;font-size:14px;color:var(--ink-muted);}
.contact-section .links a{color:var(--ink-muted);}
.contact-section .links span{margin:0 8px;}
footer{padding:24px 0;text-align:center;color:var(--ink-muted);font-size:12.5px;background:var(--bg-dark);}

@media (max-width:800px){
  :root{--gap-lg:72px;}
  .founder-grid{grid-template-columns:1fr;}
  .photo-frame{max-width:280px;margin:0 auto;}
  .steps{grid-template-columns:1fr;gap:28px;}
  .step{border-left:none;padding-left:0;border-top:1px solid var(--line);padding-top:20px;}
  .step:first-child{border-top:none;padding-top:0;}
  .hero h1{font-size:38px;}
  nav ul{display:none;}
  .services-grid{grid-template-columns:1fr;gap:32px;}
  .concept-grid{grid-template-columns:1fr 1fr;}
}

/* pricing philosophy */
.pricing-block h3{font-size:28px;max-width:34ch;}
.pricing-block .sub{margin-top:10px;color:var(--ink-muted);font-size:15px;max-width:60ch;}
.pricing-factors{display:flex;flex-wrap:wrap;gap:0;margin-top:26px;}
.pricing-factors .factor{padding:0 22px;border-left:1px solid var(--line);font-size:14px;color:var(--ink-muted);}
.pricing-factors .factor:first-child{padding-left:0;border-left:none;}
.pricing-highlight{margin-top:26px;font-size:17px;color:var(--orange);font-weight:600;}
.pricing-guarantee{
  margin-top:26px;border:1px solid var(--sage);padding:18px 20px;font-size:14.5px;color:var(--ink);
}
.pricing-guarantee b{color:var(--sage);}