:root{
    --ink:#0a0a0a;
    --ink-lift:#121211;
    --cream:#ece3d1;
    --cream-dim:#a49c8d;
    --dusk:#5c7086;
    --ember:#dda45e;
    --rule:rgba(236,227,209,.16);
    --wave-y:66.9%;
    --measure:63ch;
  }
  *,*::before,*::after{box-sizing:border-box}
  html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
  section{scroll-margin-top:24px}
  body{
    margin:0;
    background:var(--ink);
    color:var(--cream);
    font-family:"Newsreader",Georgia,serif;
    font-size:17px;
    font-weight:300;
    line-height:1.72;
    -webkit-font-smoothing:antialiased;
  }
  /* etched paper grain, echoing the logo's engraving */
  body::before{
    content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.05;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");
  }
  .wrap{position:relative;z-index:1;max-width:1080px;margin:0 auto;padding:0 24px}
  a{color:inherit}
  h1,h2,h3,.ui{font-family:"Jost",system-ui,sans-serif;font-weight:300}
  h1,h2,h3{margin:0;letter-spacing:.01em;line-height:1.18}
  p{margin:0 0 1.1em;max-width:var(--measure)}
  p:last-child{margin-bottom:0}
  :focus-visible{outline:2px solid var(--ember);outline-offset:3px}

  /* ---------- header ---------- */
  .top{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:26px;padding:22px 0 0;font-family:"Jost",sans-serif;font-size:.92rem;letter-spacing:.04em}
  .top a{color:var(--cream-dim);text-decoration:none;padding-bottom:2px;border-bottom:1px solid transparent}
  .top a:hover{color:var(--cream);border-bottom-color:var(--ember)}

  /* ---------- hero ---------- */
  .hero{padding:26px 0 76px;text-align:center}
  .markwrap{position:relative;margin:0 auto;width:min(560px,84vw)}
  .markwrap img{display:block;width:100%;height:auto}
  .markwrap::before,.markwrap::after{
    content:"";position:absolute;top:var(--wave-y);height:1px;width:42vw;
    background:linear-gradient(to var(--dir,left),rgba(236,227,209,0) 0%,rgba(236,227,209,.34) 62%,rgba(236,227,209,.62) 100%);
    transform:scaleX(0);animation:draw 1.5s cubic-bezier(.2,.7,.2,1) .35s forwards;
  }
  .markwrap::before{right:100%;transform-origin:right center;--dir:right}
  .markwrap::after{left:100%;transform-origin:left center}
  @keyframes draw{to{transform:scaleX(1)}}
  h1{font-size:clamp(1.65rem,4.6vw,2.7rem);margin:52px auto 0;max-width:20ch}
  .lede{margin:20px auto 0;color:var(--cream-dim);max-width:58ch;font-size:1.06rem}
  .actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:34px}
  .btn{
    font-family:"Jost",sans-serif;font-size:.98rem;letter-spacing:.03em;
    padding:12px 26px;border:1px solid var(--cream);border-radius:2px;
    text-decoration:none;background:none;color:var(--cream);
    transition:background-color .18s ease,color .18s ease,border-color .18s ease;
  }
  .btn:hover{background:var(--cream);color:var(--ink)}
  .btn.quiet{border-color:var(--rule);color:var(--cream-dim)}
  .btn.quiet:hover{background:none;color:var(--cream);border-color:var(--ember)}

  /* ---------- generic section ---------- */
  section{padding:64px 0;border-top:1px solid var(--rule)}
  h2{font-size:clamp(1.35rem,3.2vw,1.85rem);margin-bottom:26px}
  .sub{color:var(--cream-dim);margin-bottom:34px}

  /* ---------- capability list ---------- */
  .specs{display:grid;grid-template-columns:1fr}
  .spec{padding:20px 0;border-top:1px solid var(--rule)}
  .spec:first-child{border-top:none;padding-top:0}
  .spec h3{font-size:1rem;color:var(--ember);margin-bottom:8px;letter-spacing:.03em}
  .spec p{font-size:.98rem;color:var(--cream-dim);max-width:42ch}
  @media(min-width:620px){
    .specs{grid-template-columns:1fr 1fr;column-gap:44px;row-gap:34px}
    .spec{padding:0 0 0 24px;border-top:none;border-left:1px solid var(--rule)}
    .spec:nth-child(odd){padding-left:0;border-left:none}
  }
  @media(min-width:1000px){
    .specs{grid-template-columns:repeat(4,1fr);column-gap:34px}
    .spec{padding-left:22px;border-left:1px solid var(--rule)}
    .spec:first-child{padding-left:0;border-left:none}
  }

  /* ---------- feature blocks ---------- */
  .split{display:grid;gap:40px;grid-template-columns:1fr}
  @media(min-width:860px){.split{grid-template-columns:1.15fr .85fr;gap:64px}}
  .status{font-family:"Jost",sans-serif;font-size:.9rem;letter-spacing:.05em;color:var(--cream-dim);display:inline-flex;align-items:center;gap:9px;margin-bottom:18px}
  .status::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ember);box-shadow:0 0 0 4px rgba(221,164,94,.16)}
  .lead-h{font-size:1.3rem;margin-bottom:14px}
  .aside{background:var(--ink-lift);border:1px solid var(--rule);border-radius:2px;padding:26px}
  .aside h3{font-size:1.02rem;margin-bottom:12px}
  .aside p{font-size:.96rem;color:var(--cream-dim)}
  .marks{margin:0;padding:0;list-style:none;font-size:.98rem;color:var(--cream-dim);max-width:var(--measure)}
  .marks li{padding-left:16px;position:relative;margin-bottom:7px}
  .marks li::before{content:"";position:absolute;left:0;top:.72em;width:5px;height:5px;border-radius:50%;background:var(--dusk)}
  .note{font-size:.94rem;color:var(--cream-dim);border-left:1px solid var(--rule);padding-left:18px;margin-top:26px;max-width:58ch}

  /* ---------- support and privacy ---------- */
  a.mail{font-family:"Jost",sans-serif;font-size:clamp(1.15rem,3.2vw,1.55rem);text-decoration:none;border-bottom:1px solid var(--ember);padding-bottom:3px}
  a.mail:hover{color:var(--ember)}
  .meta{margin-top:24px;color:var(--cream-dim);font-size:.96rem}
  .meta a{color:var(--cream-dim)}
  .policy h3{font-size:1.02rem;color:var(--ember);margin:28px 0 8px;letter-spacing:.03em}
  .policy p,.policy li{font-size:.98rem;color:var(--cream-dim)}
  .updated{font-family:"Jost",sans-serif;font-size:.86rem;letter-spacing:.04em;color:var(--cream-dim);margin-top:30px}
  footer{border-top:1px solid var(--rule);padding:26px 0 44px;color:var(--cream-dim);font-family:"Jost",sans-serif;font-size:.88rem;letter-spacing:.03em;position:relative;z-index:1}

  @media (prefers-reduced-motion:reduce){
    .markwrap::before,.markwrap::after{animation:none;transform:scaleX(1)}
    *{transition:none!important}
  }

  /* ---------- interior page ---------- */
  .pagehead{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 0 0}
  .pagehead img{width:132px;height:auto;display:block}
  .pagehead a{text-decoration:none}
  .page-title{padding:56px 0 0}
  .page-title h1{font-size:clamp(1.7rem,4vw,2.4rem);margin:0}
  .page-title .sub{margin-top:16px}
  .doc section{border-top:none;padding:0}
  .doc h2{font-size:1.05rem;color:var(--ember);letter-spacing:.03em;margin:34px 0 10px}
  .doc p{color:var(--cream-dim);font-size:1rem}
  .backlink{display:inline-block;margin-top:44px;font-family:"Jost",sans-serif;font-size:.95rem;color:var(--cream-dim);text-decoration:none;border-bottom:1px solid var(--rule);padding-bottom:3px}
  .backlink:hover{color:var(--cream);border-bottom-color:var(--ember)}