/* vjosahajdini.com — v1 · "Search, verified." · light editorial (claret/limestone/Fraunces) */
@font-face{
  font-family:'Fraunces';
  src:url('/fonts/Fraunces-var-latin.woff2') format('woff2');
  font-weight:300 700;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'Fraunces';
  src:url('/fonts/Fraunces-var-italic-latin.woff2') format('woff2');
  font-weight:300 700;font-style:italic;font-display:swap;
}
:root{
  --paper:#F6F4EF; --paper-deep:#EDE9E0; --ink:#201B18; --ink-soft:#5C534C;
  --claret:#6B1B2A; --claret-deep:#521320; --lime:#4E8B1D;
  --hair:#D8D2C6; --chip-bg:#FBFAF7;
  --serif:'Fraunces',Georgia,'Times New Roman',serif;
  --mono:ui-monospace,'SF Mono',Menlo,Consolas,monospace;
}
html{background:var(--paper);scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{background:var(--paper);color:var(--ink);font-family:var(--serif);
  font-size:1.0625rem;line-height:1.65;margin:0}
a{color:var(--claret)}
.wrap-wide{max-width:64rem;margin-inline:auto;padding-inline:1.5rem}

/* nav */
header.site{padding:1.2rem 0;border-bottom:1px solid var(--hair)}
header.site .wrap-wide{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.brand{font-size:1rem;color:var(--ink);text-decoration:none}
.brand b{font-weight:700}
nav.main{display:flex;gap:1.4rem;align-items:center;flex-wrap:wrap}
nav.main a{text-decoration:none;color:var(--ink);font-size:.95rem}
nav.main a:hover{color:var(--claret)}
nav.main a.btn{color:#FBF7F2}
.tagline{font-family:var(--mono);font-size:.7rem;color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase}

/* type */
h1{font-size:clamp(2.1rem,4.6vw,3.1rem);line-height:1.08;margin:0 0 1rem;font-weight:700;
  letter-spacing:-.012em;text-wrap:balance}
h2{font-size:clamp(1.5rem,3vw,2rem);line-height:1.15;margin:0 0 1rem;font-weight:700;letter-spacing:-.01em;text-wrap:balance}
h3{font-size:1.12rem;margin:1.6rem 0 .4rem}
.eyebrow{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--claret);margin:0 0 .9rem}
.lede{font-size:1.18rem;max-width:38rem;color:var(--ink)}
section{padding:3.4rem 0;border-top:1px solid var(--hair)}
section p{max-width:42rem}
.pagehead{padding:3.6rem 0 2.6rem}

/* hero (index) */
.hero{padding:5.5rem 0 4.5rem}
.hero h1{font-size:clamp(2.6rem,6.5vw,4.4rem);line-height:1.04;margin:0 0 1.6rem}
.hero h1 .check{color:var(--lime);font-size:.72em;vertical-align:.12em}
.hero p{font-size:1.2rem;max-width:36rem;margin:0 0 2.2rem}
.cta-row{display:flex;gap:1rem;flex-wrap:wrap}

/* buttons */
.btn{display:inline-block;padding:.78rem 1.5rem;text-decoration:none;font-size:1rem;
  border-radius:2px;background:var(--claret);color:#FBF7F2;border:0;cursor:pointer;
  font-family:var(--serif);transition:background-color .15s ease,color .15s ease}
.btn:hover{background:var(--claret-deep)}
.btn-ghost{background:transparent;border:1px solid var(--claret);color:var(--claret)}
.btn-ghost:hover{background:var(--claret);color:#FBF7F2}
.btn:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
nav.main .btn{padding:.55rem 1.1rem;font-size:.92rem}

/* doors */
.doors{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1.1rem;margin-top:2rem}
.door{background:var(--chip-bg);border:1px solid var(--hair);padding:1.4rem 1.3rem;border-radius:2px}
.door h3{margin:0 0 .5rem;font-size:1.12rem}
.door p{font-size:.95rem;color:var(--ink-soft);margin:0;max-width:none}
.door .k{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;
  color:var(--lime);display:block;margin-bottom:.7rem}

/* offer cards */
.offers{background:var(--paper-deep)}
.card{background:var(--chip-bg);border:1px solid var(--hair);border-radius:2px;
  padding:1.5rem 1.4rem 1.4rem;display:flex;flex-direction:column;gap:.45rem}
.card-k{font-family:var(--mono);font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;color:var(--claret)}
.card h3{margin:.1rem 0 0;font-size:1.22rem}
.card .price{font-size:2rem;font-weight:700;font-variant-numeric:tabular-nums;
  letter-spacing:-.01em;margin:.2rem 0 0;line-height:1.1}
.card .price small{font-size:.95rem;font-weight:400;color:var(--ink-soft);letter-spacing:0}
.card .card-note{font-size:.92rem;color:var(--ink-soft);margin:0;max-width:none}
.card .btn{margin-top:auto;align-self:flex-start;font-size:.92rem;padding:.6rem 1.15rem}
.audit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1.1rem;margin-top:2rem}
.audit-grid .card{border-top:3px solid var(--claret)}
.audit-grid .card.flag{background:#F6ECE6;border-color:#DCC8BF}
.audit-grid .card.flag .btn{background:transparent;border:1px solid var(--claret);color:var(--claret)}
.audit-grid .card.flag .btn:hover{background:var(--claret);color:#FBF7F2}
.fineprint{font-family:var(--mono);font-size:.74rem;color:var(--ink-soft);margin-top:1rem}
.then{font-size:1.05rem;color:var(--ink-soft);margin:2.6rem 0 0}
.tier-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(12.5rem,1fr));gap:1.1rem;margin-top:1.2rem}
.tier-grid .card .price{font-size:1.65rem}
.card.featured{background:#F6ECE6;border-color:#DCC8BF;border-top:3px solid var(--claret)}
.inc{list-style:none;margin:.6rem 0 0;padding:0;font-size:.92rem;max-width:42rem}
.inc li{padding-left:1.3rem;position:relative;margin:.35rem 0;color:var(--ink-soft)}
.inc li::before{content:"✓";position:absolute;left:0;color:var(--lime);font-weight:700}
.inc.commit{font-size:1rem}
.inc.commit li{margin:.6rem 0;color:var(--ink)}

/* steps */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1.1rem;margin-top:2rem}
.step{border-top:2px solid var(--hair);padding-top:1rem}
.step .n{font-family:var(--mono);font-size:.72rem;letter-spacing:.13em;color:var(--claret)}
.step h3{margin:.4rem 0 .3rem;font-size:1.08rem}
.step p{font-size:.93rem;color:var(--ink-soft);margin:0;max-width:none}

/* evidence map + cases */
.exhibit{border:1px solid #24386B;background:#0E1E45;border-radius:3px;
  margin-top:2rem;position:relative;overflow:hidden}
.exhibit canvas{display:block;width:100%;height:380px}
.exhibit .ex-label{position:absolute;top:.9rem;left:1.1rem;font-family:var(--mono);
  font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#8FA5D6}
.cases{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.1rem;margin-top:1.4rem}
.case{background:var(--chip-bg);border:1px solid var(--hair);border-radius:2px;padding:1.5rem 1.4rem;
  display:flex;flex-direction:column;gap:.4rem}
.case .num{font-size:2.9rem;font-weight:700;letter-spacing:-.02em;line-height:1;
  color:var(--claret);font-variant-numeric:tabular-nums;margin:0}
.case .what{font-size:1rem;color:var(--ink);margin:0}
.case .src{font-family:var(--mono);font-size:.74rem;line-height:1.55;color:var(--ink-soft);
  border-top:1px solid var(--hair);padding-top:.7rem;margin-top:.5rem}
.case .src a{color:var(--claret)}
.case .src .tick{color:var(--lime);font-weight:700;margin-right:.35rem}

/* candor + close */
.candor{background:var(--paper-deep)}
.candor h2{font-size:1.6rem}
.commit-close{font-family:var(--mono);font-size:.9rem;color:var(--claret);margin-top:1.4rem;letter-spacing:.02em}
.close-sec h2{font-size:clamp(1.9rem,4vw,2.7rem)}

/* terms */
.terms dl{max-width:44rem;margin:1.5rem 0 0}
.terms dt{font-weight:700;margin-top:1.5rem;font-size:1.05rem}
.terms dt .k{font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;color:var(--claret);
  text-transform:uppercase;display:block;margin-bottom:.15rem;font-weight:400}
.terms dd{margin:.35rem 0 0;color:var(--ink);font-size:.98rem}

/* form */
.form{max-width:34rem;margin-top:2rem;display:grid;gap:1.1rem}
.field label{display:block;font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;
  text-transform:uppercase;color:var(--ink-soft);margin-bottom:.35rem}
.field input,.field select,.field textarea{width:100%;box-sizing:border-box;
  font-family:var(--serif);font-size:1rem;color:var(--ink);background:var(--chip-bg);
  border:1px solid var(--hair);border-radius:2px;padding:.7rem .8rem}
.field textarea{min-height:6.5rem;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--lime);outline-offset:1px}
.formnote{font-family:var(--mono);font-size:.76rem;color:var(--ink-soft);line-height:1.6}

footer.site{border-top:1px solid var(--hair);padding:2.2rem 0 3rem;color:var(--ink-soft);font-size:.85rem}
footer.site .wrap-wide{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
footer.site a{color:var(--ink-soft)}

/* motion as enhancement only */
@media (prefers-reduced-motion:no-preference){
  .hero h1,.hero p,.cta-row{animation:rise .6s ease both}
  .hero p{animation-delay:.08s}.cta-row{animation-delay:.16s}
  @keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
  .card,.door,.case{transition:transform .18s ease,box-shadow .18s ease}
  .card:hover,.door:hover,.case:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(32,27,24,.08)}
}