:root { --ink:#241b19; --muted:#746762; --paper:#f4efe7; --cream:#fffaf2; --trust:#522f46; --human:#f1b39f; --intelligence:#7d63d8; --line:rgba(36,27,25,.14); --serif:"Instrument Serif",Georgia,serif; --sans:"DM Sans",system-ui,sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; min-width:320px; color:var(--ink); background:radial-gradient(circle at 86% 5%,rgba(125,99,216,.13),transparent 24%),radial-gradient(circle at 8% 38%,rgba(241,179,159,.18),transparent 25%),var(--paper); font-family:var(--sans); }
a { color:inherit; text-underline-offset:4px; }
.shell { width:min(820px,calc(100% - 40px)); margin-inline:auto; }
header { padding:24px 0; }
.nav { width:min(1120px,calc(100% - 40px)); min-height:64px; display:flex; align-items:center; justify-content:space-between; gap:24px; margin:auto; padding:8px 10px 8px 20px; border:1px solid rgba(255,255,255,.65); border-radius:999px; background:rgba(255,250,242,.78); box-shadow:0 12px 42px rgba(36,27,25,.08); backdrop-filter:blur(20px); }
.brand { display:inline-flex; align-items:center; gap:9px; font:italic 1.75rem/1 var(--serif); text-decoration:none; }
.brand-mark { width:27px; height:27px; background:var(--trust); -webkit-mask:url("assets/kismet-mark.svg") center/contain no-repeat; mask:url("assets/kismet-mark.svg") center/contain no-repeat; }
.back { padding:11px 17px; border-radius:999px; background:linear-gradient(120deg,#df917c,var(--human),#f8d3c6); font-size:.78rem; font-weight:600; text-decoration:none; }
.back:link,.back:visited,.back:hover,.back:focus,.back:active { text-decoration:none; }
main { padding:82px 0 110px; }
.eyebrow { margin:0 0 16px; color:var(--trust); font-size:.7rem; font-weight:600; letter-spacing:.16em; text-transform:uppercase; }
h1 { max-width:760px; margin:0; font:clamp(4.2rem,10vw,7rem)/.88 var(--serif); font-weight:400; letter-spacing:-.04em; }
.intro { max-width:670px; margin:28px 0 70px; color:var(--muted); font-size:1.08rem; line-height:1.75; }
.updated { display:block; margin-top:16px; font-size:.72rem; letter-spacing:.04em; }
.content { padding-top:48px; border-top:1px solid var(--line); }
section { margin:0 0 46px; }
h2 { margin:0 0 14px; font:2rem/1 var(--serif); font-weight:400; }
p,li { color:var(--muted); font-size:.94rem; line-height:1.75; }
ul { margin:12px 0 0; padding-left:22px; }
.contact { padding:26px; border:1px solid rgba(82,47,70,.13); border-radius:22px; background:rgba(255,250,242,.72); }
footer { padding:32px 0; color:rgba(255,255,255,.64); background:#24151f; }
.footer-inner { width:min(1120px,calc(100% - 40px)); display:flex; align-items:center; justify-content:space-between; gap:24px; margin:auto; font-size:.72rem; }
.footer-links { display:flex; flex-wrap:wrap; gap:18px; }
@media (max-width:620px) { main { padding:58px 0 82px; } h1 { font-size:4rem; } .intro { margin-bottom:52px; } .footer-inner { align-items:flex-start; flex-direction:column; } }