:root{
    --paper:#F5F0E6;
    --ink:#14130E;
    --body:#3D382D;
    --muted:#6E6656;
    --faint:#7A7262;
    --hair:#E3DACA;
    --hair-soft:#EAE2D2;
    --green:#1E5C4C;
    --green-light:#7FB39F;
    --rust:#A8442A;
    --card:#FFFDF8;
    --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
    --serif:"Newsreader",Georgia,"Times New Roman",serif;
    --sans:"Helvetica Neue",Helvetica,Arial,sans-serif;
  }
  *{box-sizing:border-box;}
  html,body{margin:0;padding:0;}
  body{
    background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:18px;
    -webkit-font-smoothing:antialiased;overflow-x:clip;
  }
  a{color:var(--green);}
  a:hover{color:var(--ink);}
  img{max-width:100%;display:block;}
  .eyebrow{
    font-family:var(--mono);font-size:11px;letter-spacing:.2em;
    text-transform:uppercase;color:var(--green);
  }
  .skip{
    position:absolute;left:-9999px;top:0;background:var(--ink);color:var(--paper);
    padding:12px 18px;font-family:var(--mono);font-size:12px;z-index:20;
  }
  .skip:focus{left:8px;top:8px;}
  h1,h2,h3{font-family:var(--serif);}

  /* hero */
  .hero{
    position:relative;min-height:min(78vh,640px);
    display:flex;flex-direction:column;justify-content:space-between;
    padding:24px;color:#FBF8F1;background:var(--ink);
    background-image:radial-gradient(120% 90% at 85% 0%,rgba(30,92,76,.38) 0%,rgba(20,19,14,0) 60%);
    animation:sp-fade 1.1s ease both;
  }
  .hero.short{min-height:min(62vh,520px);}
  @keyframes sp-fade{from{opacity:0}to{opacity:1}}
  @media (prefers-reduced-motion:reduce){.hero{animation:none}}
  .topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;}
  .mark{
    font-family:var(--mono);font-size:12.5px;letter-spacing:.24em;text-transform:uppercase;
    font-weight:600;color:#FBF8F1;text-decoration:none;
  }
  .mark:hover{color:#FBF8F1;}
  .nav{display:flex;gap:22px;align-items:center;}
  .nav a{
    font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;
    color:#FBF8F1;text-decoration:none;opacity:.75;padding:8px 0;
  }
  .nav a:hover,.nav a[aria-current="page"]{opacity:1;color:#FBF8F1;}
  .nav a[aria-current="page"]{border-bottom:1px solid var(--green-light);}
  .hero-body{max-width:1180px;margin:0 auto;width:100%;padding:60px 0 20px;}
  .hero-eyebrow{
    font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;
    opacity:.8;margin-bottom:26px;
  }
  h1{
    margin:0;font-weight:500;font-size:clamp(40px,7.4vw,98px);line-height:.98;
    letter-spacing:-.03em;max-width:15ch;text-wrap:balance;
  }
  .short h1{font-size:clamp(36px,6vw,78px);max-width:17ch;}
  .hero-sub{
    margin:28px 0 0;font-family:var(--serif);font-size:clamp(22px,2.9vw,34px);
    line-height:1.3;color:#FBF8F1;
  }
  .hero-sub b{font-weight:500;border-bottom:2px solid var(--green-light);}
  .hero-para{
    margin:28px 0 0;font-family:var(--serif);font-size:clamp(19px,2.2vw,24px);
    line-height:1.5;color:#E8E2D2;max-width:44ch;
  }
  .hero-tag{
    margin:30px 0 0;font-family:var(--serif);font-style:italic;
    font-size:clamp(19px,2.3vw,27px);line-height:1.3;color:var(--green-light);
  }
  .hero-path{
    margin:30px 0 0;font-family:var(--mono);font-size:12px;letter-spacing:.14em;
    text-transform:uppercase;color:#D9D2C0;line-height:1.7;
  }
  .hero .btn{margin-top:32px;}

  /* shared section frame */
  .sec{max-width:1180px;margin:0 auto;padding:84px 24px 0;}
  .sec h2{
    margin:0 0 30px;font-weight:500;font-size:clamp(28px,4.4vw,52px);
    line-height:1.06;letter-spacing:-.02em;max-width:20ch;text-wrap:balance;
  }
  .lead{margin:0 0 34px;font-size:17.5px;line-height:1.65;color:var(--body);max-width:62ch;}

  /* landing: the two options */
  .options{display:grid;grid-template-columns:1.7fr 1fr;gap:18px;align-items:stretch;}
  .opt{
    display:flex;flex-direction:column;border-radius:3px;padding:clamp(26px,3.4vw,44px);
    text-decoration:none;
  }
  .opt .eyebrow{margin-bottom:18px;}
  .opt h3{margin:0 0 16px;font-weight:500;line-height:1.12;letter-spacing:-.015em;}
  .opt p{margin:0;line-height:1.6;}
  .opt .go{
    margin-top:auto;padding-top:28px;font-family:var(--mono);font-size:12px;
    letter-spacing:.1em;text-transform:uppercase;
  }
  .opt.biz{background:var(--ink);color:var(--paper);}
  .opt.biz .eyebrow{color:var(--green-light);}
  .opt.biz h3{font-size:clamp(28px,3.6vw,44px);max-width:20ch;}
  .opt.biz p{font-size:17px;color:#C9C1AE;max-width:52ch;}
  .opt.biz .go{color:#FBF8F1;border-top:0;}
  .opt.biz:hover{background:#1D2A25;}
  .moments{margin:24px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;}
  .moments li{
    font-size:15px;line-height:1.5;color:#E5DECC;padding-top:12px;
    border-top:1px solid rgba(251,248,241,.22);
  }
  .opt.home{background:var(--card);border:1px solid var(--hair);color:var(--ink);}
  .opt.home h3{font-size:clamp(24px,2.6vw,32px);}
  .opt.home p{font-size:16px;color:var(--body);}
  .opt.home .go{color:var(--green);}
  .opt.home:hover{border-color:var(--green);}
  .opt:focus-visible{outline:3px solid var(--green-light);outline-offset:3px;}
  .opt .go span{display:inline-block;transition:transform .2s;}
  .opt:hover .go span{transform:translateX(4px);}
  @media (prefers-reduced-motion:reduce){.opt .go span{transition:none}}

  /* the weight (recognition) */
  .weight{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;}
  .weight>div{border-top:2px solid var(--ink);padding-top:16px;}
  .weight .who{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);margin-bottom:10px;}
  .weight p{margin:0;font-family:var(--serif);font-size:20px;line-height:1.35;color:var(--ink);}
  .weight-close{margin:34px 0 0;font-family:var(--serif);font-style:italic;font-size:clamp(19px,2.2vw,25px);line-height:1.4;color:var(--body);max-width:44ch;}

  /* the path */
  .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:34px;}
  .step{border-top:2px solid var(--ink);padding-top:18px;}
  .step .snum{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;color:var(--faint);margin-bottom:14px;text-transform:uppercase;}
  .step h3{margin:0 0 12px;font-size:25px;line-height:1.15;letter-spacing:-.01em;font-weight:500;}
  .step p{margin:0;font-size:16px;line-height:1.6;color:#5A5446;}
  .step.free{border-top-color:var(--green);}
  .step.free .snum{color:var(--green);}
  .holds{margin-top:44px;padding:26px 28px;background:var(--card);border:1px solid var(--hair);border-radius:3px;}
  .holds .k{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--green);margin-bottom:16px;}
  .holds ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px 28px;}
  .holds li b{display:block;font-family:var(--serif);font-weight:500;font-size:21px;margin-bottom:4px;}
  .holds li span{font-size:15px;line-height:1.5;color:var(--body);}

  /* a real exchange */
  .section-head{display:flex;justify-content:space-between;align-items:baseline;gap:24px;flex-wrap:wrap;margin-bottom:26px;}
  .section-head h2{margin:0;}
  .stamp{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);}
  .exchange{
    background:var(--card);border:1px solid var(--hair);border-radius:4px;
    box-shadow:0 30px 60px -32px rgba(30,24,12,.4);overflow:hidden;max-width:820px;
  }
  .exchange .bar{
    display:flex;align-items:center;gap:12px;padding:12px 22px;background:#F1EADC;
    border-bottom:1px solid var(--hair);font-family:var(--mono);font-size:10.5px;
    letter-spacing:.16em;text-transform:uppercase;color:var(--faint);
  }
  .exchange .row{padding:24px 26px;}
  .exchange .row + .row{border-top:1px solid var(--hair-soft);}
  .exchange .who{font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--green);margin-bottom:12px;}
  .exchange .q{margin:0;font-family:var(--serif);font-size:clamp(22px,2.8vw,32px);line-height:1.25;color:var(--ink);}
  .exchange .a{margin:0;font-size:17px;line-height:1.65;color:var(--body);max-width:60ch;}
  .exchange .a + .a{margin-top:12px;}
  .exchange .a b{color:var(--ink);}
  .under-ex{margin:24px 0 0;max-width:60ch;font-size:15.5px;line-height:1.65;color:var(--muted);}
  .under-ex strong{color:var(--ink);font-weight:600;}

  /* founder */
  .founder-grid{display:grid;grid-template-columns:200px 1fr;gap:40px;align-items:start;}
  @media(max-width:640px){.founder-grid{grid-template-columns:1fr;gap:24px;}.portrait{max-width:140px!important;}}
  .portrait{border-radius:3px;width:100%;max-width:200px;height:auto;aspect-ratio:1;object-fit:cover;object-position:50% 20%;}
  .founder h2{margin:0 0 22px;font-size:clamp(27px,3.8vw,46px);max-width:22ch;}
  .founder p{margin:0 0 14px;font-size:17px;line-height:1.65;color:var(--body);max-width:54ch;}
  .byline{
    margin-top:26px;padding-top:20px;border-top:1px solid var(--hair);
    font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);line-height:1.8;
  }
  .proof{margin-top:34px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;}
  .proof>div{background:var(--card);border:1px solid var(--hair);border-radius:4px;padding:16px 18px 18px;}
  .proof .k{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--green);}
  .proof p{margin:8px 0 0;font-size:15px;line-height:1.5;color:var(--body);}
  .proof-head{margin:44px 0 0;font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);}
  .founder-short{display:grid;grid-template-columns:140px 1fr;gap:28px;align-items:center;}
  .founder-short p{margin:0 0 12px;font-size:17px;line-height:1.65;color:var(--body);max-width:60ch;}
  .founder-short p:last-child{margin-bottom:0;}
  @media(max-width:640px){.founder-short{grid-template-columns:1fr;gap:20px;}}

  /* scenes (home) */
  .scenes{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;}
  .scene{background:var(--card);border:1px solid var(--hair);border-radius:4px;padding:26px 26px 28px;}
  .scene .k{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--green);margin-bottom:14px;}
  .scene h3{margin:0 0 12px;font-size:25px;font-weight:500;line-height:1.2;}
  .scene p{margin:0;font-size:16.5px;line-height:1.62;color:var(--body);}
  .scene p + p{margin-top:12px;}
  .scene .tag{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-top:16px;}

  /* faq */
  .faq-list{border-top:1px solid var(--hair);}
  .faq-item{padding:26px 0;border-bottom:1px solid var(--hair);}
  .faq-item h3{margin:0 0 10px;font-size:23px;line-height:1.25;font-weight:500;}
  .faq-item p{margin:0;font-size:16px;line-height:1.6;color:#5A5446;max-width:62ch;}
  .faq-item p + p{margin-top:10px;}

  /* ask */
  .ask-outer{padding:84px 24px 0;}
  .ask{
    max-width:1180px;margin:0 auto;background:var(--ink);color:var(--paper);border-radius:3px;
    padding:clamp(34px,5vw,68px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:44px;align-items:center;
  }
  .ask .eyebrow{color:var(--green-light);margin-bottom:22px;}
  .ask h2{margin:0;font-weight:400;font-size:clamp(28px,4.6vw,54px);line-height:1.06;letter-spacing:-.02em;max-width:16ch;}
  .ask p{margin:0 0 26px;font-size:17px;line-height:1.65;color:#B3AB97;max-width:46ch;}
  .btn{
    display:inline-block;background:var(--paper);color:var(--ink);text-decoration:none;
    font-family:var(--mono);font-size:13px;letter-spacing:.06em;text-transform:uppercase;
    padding:17px 30px;border-radius:2px;transition:background .2s,color .2s;line-height:1.35;
  }
  .ask .fineprint{margin:20px 0 0;}
  .btn.dark{background:var(--ink);color:var(--paper);}
  .btn.dark:hover{background:var(--green);}
  .btn:hover{background:var(--green);color:var(--paper);}
  .btn:focus-visible{outline:3px solid var(--green-light);outline-offset:3px;}
  .fineprint{margin:20px 0 0;font-size:14.5px;line-height:1.55;color:#8F8878;max-width:46ch;}
  footer{padding:34px 24px 46px;}
  .foot{
    max-width:1180px;margin:0 auto;display:flex;justify-content:space-between;gap:14px 20px;flex-wrap:wrap;
    font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);line-height:1.7;
  }
  .foot a{color:var(--faint);text-decoration:none;}
  .foot a:hover{color:var(--green);}
  .foot nav{display:flex;gap:20px;flex-wrap:wrap;}

  @media (max-width:760px){
    .options{grid-template-columns:1fr;}
    .moments{grid-template-columns:1fr;}
  }
  @media (max-width:640px){
    .hero{min-height:84vh;padding:20px;}
    .hero.short{min-height:76vh;}
    .nav{gap:16px;}
    .hero .btn{display:block;text-align:center;}
    .btn{padding:16px 22px;}
    .sec{padding-top:64px;}
    .exchange .row{padding-left:18px;padding-right:18px;}
    .exchange .bar{padding-left:18px;padding-right:18px;}
    .holds{padding:22px 20px;}
    .ask{padding:32px 24px;gap:28px;}
  }

.notsure{margin:28px 0 0;font-size:19px;line-height:1.5;}
.notsure a{color:var(--green);text-decoration:underline;text-underline-offset:3px;}
.notsure a:hover{color:var(--rust);}