:root{
  --paper:#eceeeb; --ink:#101418; --muted:#55605d; --rule:#c8cdc8;
  --o-ink:#120905; --o-panel:#22140b; --o-cream:#fff1dd; --o-muted:#c9b090; --o-gold:#f5a623; --o-ember:#e8501a;
  --j-bg:#fbe3c0; --j-ink:#3a1a0a; --j-muted:#7a5236; --j-saffron:#c2570c; --j-gold:#f6b645;
  --display:"Bricolage Grotesque","Segoe UI",system-ui,sans-serif;
  --body:"Figtree","Segoe UI",system-ui,sans-serif;
}
@media (prefers-color-scheme:dark){
  :root{--paper:#14181a;--ink:#eceeeb;--muted:#9aa5a1;--rule:#2b3235}
}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font:400 1.0625rem/1.6 var(--body);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:3px solid var(--o-gold);outline-offset:3px}
.wrap{width:min(1200px,100% - 32px);margin-inline:auto}
header.top{padding:22px 0;border-bottom:1px solid var(--rule)}
header.top .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px}
.brand{font:700 1.25rem/1 var(--display);text-decoration:none;letter-spacing:-.01em}
nav a{text-decoration:none;margin-left:22px;font-weight:500;color:var(--muted)}
nav a:hover{color:var(--ink)}
.intro{padding:clamp(48px,9vw,110px) 0 clamp(36px,6vw,72px)}
.intro h1{font:700 clamp(2.4rem,6.4vw,5.4rem)/1.02 var(--display);letter-spacing:-.03em;max-width:15ch}
.intro p{margin-top:24px;max-width:56ch;color:var(--muted);font-size:1.15rem}
.shelf{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}
.app{padding:clamp(36px,5vw,72px) clamp(22px,4.5vw,64px) 0;display:flex;flex-direction:column;overflow:hidden;position:relative}
.app .id{display:flex;align-items:center;gap:16px}
.app .id img{width:64px;height:64px;border-radius:16px}
.app h2{font:700 clamp(1.9rem,3.4vw,2.8rem)/1.05 var(--display);letter-spacing:-.02em}
.app .tag{font-weight:600;margin-top:2px}
.app .lead{margin:26px 0 22px;max-width:46ch;font-size:1.1rem}
.app ul{list-style:none;padding:0;display:grid;gap:10px;margin-bottom:30px}
.app li{padding-left:22px;position:relative}
.app li::before{content:"";position:absolute;left:0;top:.62em;width:10px;height:3px;border-radius:2px;background:currentColor}
.btns{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.btn{display:inline-block;padding:13px 22px;border-radius:999px;font-weight:700;text-decoration:none;font-size:1rem;border:2px solid transparent}
.shots{display:flex;gap:14px;margin-top:44px;align-items:flex-end;justify-content:center}
.shots img{width:min(31%,210px);border-radius:22px 22px 0 0;box-shadow:0 0 0 1px rgba(0,0,0,.18)}
.shots img:nth-child(2){width:min(38%,250px)}
.shots{padding-top:24px}
/* Outmeet */
.outmeet{background:var(--o-ink);color:var(--o-cream)}
.outmeet .tag{color:var(--o-gold)}
.outmeet .lead{color:var(--o-muted)}
.outmeet .btn.main{background:var(--o-gold);color:#1b0f08}
.outmeet .btn.main:hover{background:#ffb93d}
.outmeet .btn.alt{border-color:#5a3a22;color:var(--o-cream)}
.outmeet .btn.alt:hover{border-color:var(--o-gold)}
.outmeet .shots img{box-shadow:0 0 0 1px #4a2e1b}
/* Jaimini */
.jaimini{background:var(--j-bg);color:var(--j-ink)}
.jaimini .tag{color:var(--j-saffron)}
.jaimini .lead{color:var(--j-muted)}
.jaimini .btn.main{background:var(--j-saffron);color:#fff}
.jaimini .btn.main:hover{background:#a84708}
.jaimini .btn.alt{border-color:#d6a56f;color:var(--j-ink)}
.jaimini .btn.alt:hover{border-color:var(--j-saffron)}
.jaimini :focus-visible{outline-color:var(--j-saffron)}
.facts{padding:clamp(48px,7vw,96px) 0;display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,80px)}
.facts h2{font:700 clamp(1.6rem,3vw,2.3rem)/1.1 var(--display);letter-spacing:-.02em}
.facts p{color:var(--muted);margin-top:14px;max-width:52ch}
.facts a.mail{font-weight:700;text-decoration-thickness:2px;text-underline-offset:4px}
footer{border-top:1px solid var(--rule);padding:28px 0 40px;color:var(--muted);font-size:.95rem}
footer .wrap{display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between}
footer .links a{margin-right:20px}
.doc{padding:clamp(40px,7vw,90px) 0;max-width:72ch}
.doc h1{font:700 clamp(2rem,4.5vw,3.2rem)/1.05 var(--display);letter-spacing:-.025em;margin-bottom:20px}
.doc h2{font:700 1.4rem/1.2 var(--display);margin:34px 0 8px}
.doc p,.doc li{color:var(--muted);margin-top:10px}
.doc ul{padding-left:20px}
.doc a{color:var(--ink);font-weight:600}
@media (max-width:860px){
  .shelf,.facts{grid-template-columns:1fr}
  nav a{margin-left:14px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}