/* Eversame — shared design system. Used by index, about, manifesto. */
:root{
      --bg:#FCFAF6; --bg2:#F5F0E8; --ink:#15110D; --ink2:#4A4138; --muted:#8A7F72; --line:#EBE4DA; --line2:#DDD3C6;
      --d-bg:#15110D; --d-bg2:#1C1712; --d-line:#2A241D; --d-text:#EDE7DD; --d-muted:#A99C8C; --d-faint:#8C8275;
      --amber:#ED9A47; --ember:#C2452C;
      --serif:"Fraunces",Georgia,serif; --sans:"Inter",-apple-system,sans-serif;
      --ease:cubic-bezier(.22,.61,.36,1);
    }
    *{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    body{font-family:var(--sans);background:var(--bg);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased}
    .wrap{max-width:1080px;margin:0 auto;padding:0 clamp(20px,5vw,48px)}
    h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-.02em;line-height:1.06}

    /* eyebrow — serif italic, ember, short gradient rule */
    .eyebrow{display:inline-flex;align-items:center;gap:12px;font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(16px,2vw,20px);color:var(--ember);margin-bottom:18px}
    .eyebrow::before{content:"";width:26px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--amber),var(--ember));flex:none}
    .on-dark .eyebrow{color:var(--amber)}

    .lede{font-size:clamp(17px,2vw,20px);color:var(--ink2);max-width:60ch;margin-top:18px;line-height:1.55}
    .on-dark .lede{color:var(--d-muted)}

    .btn{display:inline-flex;align-items:center;gap:8px;font-weight:500;font-size:16px;padding:15px 26px;border-radius:999px;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:transform .15s var(--ease),opacity .2s,background .2s,border-color .2s}
    .btn:active{transform:scale(.98)}
    .btn--ember{background:linear-gradient(135deg,var(--amber),var(--ember));color:#fff}
    .btn--ember:hover{opacity:.93}
    .btn--ghost{border-color:var(--d-line);color:var(--d-text)}
    .btn--ghost:hover{border-color:var(--d-muted)}
    .btn--ghost-l{border-color:var(--line2);color:var(--ink)}
    .btn--ghost-l:hover{border-color:var(--muted)}
    .btn--sm{padding:11px 18px;font-size:14.5px}

    section{padding:clamp(64px,10vw,118px) 0}
    h2.big{font-size:clamp(31px,4.6vw,52px);max-width:18ch}

    /* NAV */
    .nav{position:sticky;top:0;z-index:50;transition:background .25s,border-color .25s,backdrop-filter .25s;border-bottom:1px solid transparent}
    .nav.is-light{background:rgba(252,250,246,.86);backdrop-filter:saturate(140%) blur(10px);border-bottom-color:var(--line)}
    .nav__inner{display:flex;align-items:center;justify-content:space-between;padding:15px 0}
    .wordmark{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);font-weight:600;font-size:18px;letter-spacing:-.01em}
    .wordmark .mk{width:22px;height:22px;display:block;flex:none}
    .nav__links{display:flex;align-items:center;gap:22px}
    .nav__link{color:var(--ink2);text-decoration:none;font-size:15px;font-weight:500}
    .nav__link:hover{color:var(--ink)}
    @media(max-width:560px){.nav__link--hide-sm{display:none}}

    /* HERO (dark) */
    .hero{background:var(--d-bg);color:var(--d-text);padding:clamp(74px,12vh,140px) 0 clamp(64px,9vw,108px)}
    .hero h1{color:#fff;font-size:clamp(40px,7vw,80px);margin:6px 0 0;max-width:15ch;letter-spacing:-.025em}
    .hero__sub{margin-top:24px;max-width:54ch;font-size:clamp(18px,2.2vw,22px);color:var(--d-muted);line-height:1.5}
    .hero__cta{margin-top:36px;display:flex;gap:14px;flex-wrap:wrap}
    .hero__kicker{margin-top:40px;font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(18px,2.2vw,22px);color:var(--d-text);opacity:.78}

    /* before / after */
    .ba{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:46px}
    .msg{border:1px solid var(--line);border-radius:16px;background:#fff;padding:24px 24px 26px;position:relative;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
    .msg:hover{transform:translateY(-3px);box-shadow:0 22px 50px -34px rgba(21,17,13,.30)}
    .msg--warm::before{content:"";position:absolute;top:0;left:24px;right:24px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--amber),var(--ember))}
    .msg__tag{font-size:12.5px;font-weight:600;letter-spacing:.02em;color:var(--muted);margin-bottom:16px}
    .msg--warm .msg__tag{color:var(--ember)}
    .q{font-size:13.5px;color:var(--muted);margin-bottom:13px}
    .q b{color:var(--ink);font-weight:600}
    .a{font-size:15.5px;line-height:1.62;color:var(--ink2)}
    .a--cold{color:#9A8F80}
    .knew{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}
    .knew span{font-size:12.5px;font-weight:500;color:#7A4A22;background:rgba(237,154,71,.13);border:1px solid rgba(237,154,71,.34);border-radius:999px;padding:4px 11px}
    .ba__caption{text-align:center;margin-top:26px;font-family:var(--serif);font-style:italic;font-size:clamp(18px,2.4vw,25px);color:var(--ink);letter-spacing:-.01em}
    @media(max-width:720px){.ba{grid-template-columns:1fr}}

    /* persona ai cards */
    .stack{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:46px}
    .aicard{border:1px solid var(--line);border-radius:16px;padding:24px 26px;background:#fff;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
    .aicard:hover{transform:translateY(-3px);box-shadow:0 22px 50px -34px rgba(21,17,13,.28)}
    .aicard--new{border-color:rgba(237,154,71,.5);background:linear-gradient(180deg,#fff,#FBF5EC)}
    .aicard__top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
    .aicard__name{font-size:21px;font-weight:600;letter-spacing:-.015em;color:var(--ink)}
    .aicard__job{font-size:13px;color:var(--ember);font-weight:600;letter-spacing:.02em}
    .aicard__k{margin-top:18px;font-size:11.5px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}
    .aicard__slices{margin-top:10px;display:flex;flex-wrap:wrap;gap:7px}
    .slice{font-size:13.5px;padding:6px 12px;border-radius:999px;background:var(--bg2);border:1px solid var(--line);color:var(--ink2)}
    .aicard--new .slice{background:linear-gradient(135deg,rgba(237,154,71,.16),rgba(194,69,44,.12));border-color:rgba(237,154,71,.4);color:var(--ink)}
    .aicard__foot{margin-top:18px;font-size:13px;color:var(--muted);display:flex;align-items:center;gap:8px}
    .aicard__foot::before{content:"";width:7px;height:7px;border-radius:50%;flex:none;background:linear-gradient(135deg,var(--amber),var(--ember))}
    .stack__note{text-align:center;margin-top:30px;font-family:var(--serif);font-style:italic;font-size:clamp(17px,2.2vw,22px);color:var(--ink)}
    @media(max-width:680px){.stack{grid-template-columns:1fr}}

    /* steps */
    .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:46px}
    .step__n{font-family:var(--serif);font-style:italic;color:var(--ember);font-size:26px}
    .step__t{margin-top:12px;font-size:20px;font-weight:500;letter-spacing:-.01em;font-family:var(--sans)}
    .step__d{margin-top:9px;font-size:15px;color:var(--muted);line-height:1.55}
    .step__d a{color:var(--ember);font-weight:500;text-decoration:none;border-bottom:1px solid rgba(194,69,44,.35)}
    .step__d em{font-style:italic;color:var(--ink2)}
    @media(max-width:720px){.steps{grid-template-columns:1fr;gap:26px}}

    /* use cases */
    .uses{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 38px;margin-top:46px}
    .use__n{font-family:var(--serif);font-style:italic;font-weight:400;font-size:22px;color:var(--ember)}
    .use__h{margin-top:9px;font-size:18px;font-weight:600;letter-spacing:-.012em;color:var(--ink);line-height:1.3;font-family:var(--sans)}
    .use__d{margin-top:8px;font-size:15px;color:var(--muted);line-height:1.5;max-width:34ch}
    @media(max-width:820px){.uses{grid-template-columns:1fr 1fr;gap:30px}}
    @media(max-width:540px){.uses{grid-template-columns:1fr}}

    /* trust (dark) */
    .trust{background:var(--d-bg);color:var(--d-text)}
    .trust h2{color:#fff}
    .trust__grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;margin-top:46px;align-items:center}
    .pillars{display:flex;flex-direction:column;gap:14px;margin-top:22px}
    .pillars div{display:flex;gap:11px;align-items:flex-start;font-size:16px;color:var(--d-muted);line-height:1.5}
    .pillars div::before{content:"";width:9px;height:9px;border-radius:50%;margin-top:6px;flex:none;background:linear-gradient(135deg,var(--amber),var(--ember))}
    .pillars b{color:#fff;font-weight:600}
    .panel{background:var(--d-bg2);border:1px solid var(--d-line);border-radius:16px;padding:26px 28px}
    .panel__label{font-family:var(--serif);font-style:italic;font-size:17px;color:var(--amber);margin-bottom:18px}
    .row{padding:14px 0;border-top:1px solid var(--d-line)}
    .row:first-of-type{border-top:none;padding-top:0}
    .row__m{font-size:14.5px;font-weight:600;margin-bottom:9px;color:var(--d-text)}
    .chips{display:flex;flex-wrap:wrap;gap:7px}
    .chip{font-size:12.5px;padding:5px 11px;border-radius:999px;border:1px solid var(--d-line);display:inline-flex;align-items:center;gap:6px;color:var(--d-muted)}
    .chip--on{background:linear-gradient(135deg,rgba(237,154,71,.16),rgba(194,69,44,.14));border-color:rgba(237,154,71,.4);color:var(--d-text)}
    .chip--on::before{content:"";width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,var(--amber),var(--ember))}
    .chip--off{color:var(--d-faint)}
    .chip--off::before{content:"";width:8px;height:1.5px;background:var(--d-faint)}
    .trust__more{margin-top:24px;font-size:14.5px}
    .trust__more a{color:var(--amber);text-decoration:none;border-bottom:1px solid rgba(237,154,71,.3)}
    @media(max-width:820px){.trust__grid{grid-template-columns:1fr;gap:34px}}

    /* moat */
    .moat{background:var(--bg2)}
    .moat p{font-size:clamp(20px,2.7vw,30px);font-family:var(--serif);font-weight:400;line-height:1.34;letter-spacing:-.01em;max-width:22ch;color:var(--ink)}
    .moat p b{font-weight:500;background:linear-gradient(135deg,var(--amber),var(--ember));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

    /* manifesto band */
    .mani{padding:36px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
    .mani__inner{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
    .mani__t{font-family:var(--serif);font-style:italic;font-size:19px;color:var(--ink2)}

    /* waitlist (dark) */
    .wl{background:var(--d-bg);color:var(--d-text);text-align:center}
    .wl h2{color:#fff;margin:0 auto}
    .wl .eyebrow{justify-content:center}
    .wl .lede{margin:18px auto 0;text-align:center}
    .wl__form{margin:34px auto 0;max-width:480px;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
    .field{flex:1;min-width:190px;background:var(--d-bg2);border:1px solid var(--d-line);border-radius:12px;padding:14px 16px;color:var(--d-text);font-size:16px;font-family:var(--sans)}
    .field::placeholder{color:var(--d-faint)}
    .field:focus{outline:none;border-color:var(--amber)}
    .wl__hint{margin-top:16px;font-size:13.5px;color:var(--d-faint)}
    .wl__success{display:none;max-width:480px;margin:30px auto 0;background:var(--d-bg2);border:1px solid var(--d-line);border-radius:16px;padding:30px}
    .wl__success.is-visible{display:block;animation:rise .5s var(--ease)}
    .wl__success h3{font-family:var(--serif);font-weight:400;font-size:24px;color:#fff;margin-bottom:8px}
    .wl__success p{color:var(--d-muted);font-size:15px}
    @keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

    /* footer */
    .footer{background:var(--d-bg);color:var(--d-muted);padding:48px 0 56px;border-top:1px solid var(--d-line)}
    .footer__top{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
    .footer__brand{display:inline-flex;align-items:center;gap:9px;color:#fff;text-decoration:none;font-weight:600;font-size:17px}
    .footer__brand .mk{width:20px;height:20px}
    .footer__nav{display:flex;gap:22px;flex-wrap:wrap}
    .footer__nav a{color:var(--d-muted);text-decoration:none;font-size:14.5px}
    .footer__nav a:hover{color:var(--d-text)}
    .footer__bottom{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-top:30px;padding-top:22px;border-top:1px solid var(--d-line);font-size:13.5px}
    .footer__tagline{font-family:var(--serif);font-style:italic;color:var(--d-text)}

    /* motion */
    .reveal{opacity:0;transform:translateY(16px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
    .reveal.in{opacity:1;transform:none}
    @media(prefers-reduced-motion:reduce){
      html{scroll-behavior:auto}
      .reveal{opacity:1;transform:none}
      .msg:hover,.aicard:hover{transform:none}
    }

    /* ============ inner pages (Beliefs, Manifesto) ============ */
    .page-hero{background:var(--d-bg);color:var(--d-text);padding:clamp(72px,11vh,128px) 0 clamp(48px,7vw,86px)}
    .page-hero h1{color:#fff;font-size:clamp(38px,6vw,68px);max-width:16ch;letter-spacing:-.025em;margin:6px 0 0}
    .page-hero .lede{color:var(--d-muted)}

    .prose{max-width:64ch}
    .prose p{font-size:clamp(16px,1.9vw,18.5px);color:var(--ink2);line-height:1.7;margin-top:18px}
    .prose p.lead{font-size:clamp(19px,2.3vw,23px);color:var(--ink);line-height:1.5;font-family:var(--serif);font-weight:400;letter-spacing:-.015em;margin-top:26px}
    .prose h2{font-size:clamp(24px,3vw,32px);margin-top:48px;letter-spacing:-.02em}
    .prose em{font-style:italic;color:var(--ink)}
    .prose strong{font-weight:600;color:var(--ink)}

    /* beliefs grid */
    .beliefs{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:46px}
    .belief{border:1px solid var(--line);border-radius:16px;padding:26px 28px;background:#fff;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
    .belief:hover{transform:translateY(-3px);box-shadow:0 22px 50px -34px rgba(21,17,13,.28)}
    .belief__eq{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-family:var(--serif);letter-spacing:-.01em}
    .belief__a{font-size:21px;color:var(--ink);font-weight:500}
    .belief__gt{color:var(--ember);font-size:20px;font-style:italic}
    .belief__b{font-size:21px;color:var(--muted);font-weight:400}
    .belief p{font-size:15px;color:var(--ink2);line-height:1.55}
    @media(max-width:680px){.beliefs{grid-template-columns:1fr}}

    /* inner-page CTA band */
    .cta-band{padding:clamp(54px,8vw,90px) 0;background:var(--bg2);text-align:center}
    .cta-band h2{font-size:clamp(28px,4vw,44px);max-width:20ch;margin:0 auto}
    .cta-band .row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:30px}