:root{--paper:#eee7d8;--paper-deep:#e4dbc9;--surface:#f8f3e9;--ink:#181a16;--muted:#6d6c62;--line:#d2c8b5;--green:#17633f;--bright:#00b957}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}h1,h2,h3,p{margin-top:0}code{font-family:"SFMono-Regular",Consolas,monospace}.section-shell{width:min(1120px,calc(100% - 48px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:20;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1120px)/2));border-bottom:1px solid rgba(88,82,67,.18);background:rgba(238,231,216,.9);backdrop-filter:blur(14px)}.brand{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:850;letter-spacing:.14em}.brand-mark{width:30px;height:30px;display:grid;place-items:center;color:var(--surface);background:var(--green);border-radius:50%;font-size:12px;letter-spacing:0}.site-header nav{display:flex;align-items:center;gap:23px}.site-header nav a,.site-header nav button{padding:8px 0;border:0;background:none;font-size:11px;font-weight:750;letter-spacing:.1em;cursor:pointer;transition:color 180ms ease}.site-header nav a:hover,.site-header nav button:hover{color:var(--green)}
.hero{min-height:calc(100vh - 72px);display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:clamp(56px,8vw,110px);padding-block:88px}.eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:20px;color:var(--green);font-size:11px;font-weight:800;letter-spacing:.14em}.eyebrow>span{width:18px;height:1px;background:currentColor}h1{max-width:720px;margin-bottom:28px;font-size:clamp(54px,7.2vw,94px);line-height:.99;letter-spacing:-.058em;font-weight:650}h1 em{color:var(--green);font-style:normal;font-weight:500}.hero-lead{max-width:590px;margin-bottom:0;color:var(--muted);font-size:18px;line-height:1.7}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:28px;margin-top:34px}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:0 21px;border:1px solid transparent;border-radius:4px;font-size:11px;font-weight:800;letter-spacing:.1em;cursor:pointer;transition:transform 180ms ease,background 180ms ease,border-color 180ms ease}.button:hover{transform:translateY(-2px)}.button.primary{color:#fff;background:var(--green)}.button.primary:hover{background:#0f5133}.button.quiet{color:var(--ink);background:transparent;border-color:var(--line)}.button.quiet:hover{border-color:var(--green)}.text-link{display:inline-flex;align-items:center;gap:12px;padding:8px 0;color:var(--green);font-size:11px;font-weight:800;letter-spacing:.1em}.text-link span{transition:transform 180ms ease}.text-link:hover span{transform:translate(2px,-2px)}
.route-demo{position:relative;padding:28px;border:1px solid var(--line);background:rgba(248,243,233,.66);box-shadow:0 24px 70px rgba(70,61,44,.08)}.route-topline{display:flex;justify-content:space-between;align-items:center;padding-bottom:22px;border-bottom:1px solid var(--line);font-size:10px;font-weight:800;letter-spacing:.14em}.route-topline i{width:8px;height:8px;border-radius:50%;background:var(--bright);box-shadow:0 0 0 5px rgba(0,185,87,.11);animation:breathe 2.2s ease-in-out infinite}.identity-block{display:grid;gap:8px;padding:27px 0 20px}.identity-block small,.fresh-addresses b{color:var(--muted);font-size:9px;letter-spacing:.12em}.identity-block code{color:var(--green);font-size:15px}.route-track{position:relative;height:34px;margin-left:19px;border-left:1px solid var(--line);overflow:hidden}.route-track span{position:absolute;left:-3px;top:-7px;width:7px;height:7px;border-radius:50%;background:var(--bright);animation:route 2.7s cubic-bezier(.45,0,.2,1) infinite}.fresh-addresses{display:grid}.fresh-addresses>div{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:12px;min-height:52px;border-top:1px solid var(--line)}.fresh-addresses span{color:var(--muted);font-size:10px}.fresh-addresses code{font-size:12px}.fresh-addresses b{color:var(--green);font-weight:800}.route-demo>p{margin:20px 0 0;color:var(--muted);font-size:12px;text-align:center}
.trust-bar{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);background:rgba(248,243,233,.3)}.trust-bar>div{min-height:104px;display:grid;align-content:center;gap:7px;padding:20px max(24px,calc((100vw - 1120px)/6));border-right:1px solid var(--line)}.trust-bar>div:last-child{border-right:0}.trust-bar strong{font-size:11px;letter-spacing:.1em}.trust-bar span{color:var(--muted);font-size:13px}
.how{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(60px,9vw,130px);padding-block:140px}.section-intro{align-self:start;position:sticky;top:120px}.section-intro h2,.privacy-note h2,.final-cta h2{margin-bottom:22px;font-size:clamp(40px,5vw,65px);line-height:1.06;letter-spacing:-.045em;font-weight:600}.section-intro>p:last-child,.privacy-note>p{max-width:480px;color:var(--muted);font-size:16px;line-height:1.75}.steps{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.steps li{display:grid;grid-template-columns:52px 1fr;gap:20px;padding:32px 0;border-bottom:1px solid var(--line)}.steps li>span{color:var(--green);font:700 12px "SFMono-Regular",Consolas,monospace}.steps h3{margin-bottom:8px;font-size:23px;font-weight:650}.steps p{margin:0;color:var(--muted);line-height:1.65}
.download{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(55px,8vw,110px);padding-bottom:140px}.download-intro h2{margin-bottom:16px;font-size:clamp(38px,4vw,56px);line-height:1.05;letter-spacing:-.04em;font-weight:600}.download-intro>p:last-child{max-width:420px;color:var(--muted);line-height:1.7}.download-list{border-top:1px solid var(--line)}.download-item{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:18px;min-height:88px;border-bottom:1px solid var(--line);transition:padding 180ms ease,color 180ms ease}.download-item:hover{padding-inline:8px;color:var(--green)}.platform-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font:700 11px monospace}.download-item>span:nth-child(2){display:grid;gap:5px}.download-item strong{font-size:16px}.download-item small{color:var(--muted);font-size:12px;overflow-wrap:anywhere}.download-item b{font-size:10px;letter-spacing:.1em}
.details{display:grid;grid-template-columns:.88fr 1.12fr;border:1px solid var(--line);background:var(--surface)}.privacy-note{padding:clamp(34px,5vw,66px);border-right:1px solid var(--line)}.privacy-note .text-link{margin-top:18px}.contracts{padding:clamp(28px,4vw,48px)}.contracts-heading{display:flex;justify-content:space-between;gap:24px;padding-bottom:25px}.contracts-heading>span{font-size:11px;font-weight:800;letter-spacing:.1em}.contracts-heading small{color:var(--muted);text-align:right}.contracts article{display:grid;gap:18px;padding:24px 0;border-top:1px solid var(--line)}.contracts article>div{display:flex;justify-content:space-between;gap:20px}.contracts strong{font-size:12px;letter-spacing:.08em}.contracts small{color:var(--muted);font-size:10px;letter-spacing:.08em}.contracts code{color:var(--green);font-size:12px;overflow-wrap:anywhere}
.final-cta{padding-block:145px;text-align:center}.final-cta .eyebrow{justify-content:center}.final-cta h2{max-width:760px;margin-inline:auto}.final-cta>p:not(.eyebrow){color:var(--muted)}.final-cta>div{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:30px}footer{min-height:130px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:35px max(24px,calc((100vw - 1120px)/2));border-top:1px solid var(--line);color:var(--muted);font-size:12px}footer .brand{color:var(--ink)}#toast{position:fixed;left:50%;bottom:26px;z-index:30;transform:translate(-50%,14px);padding:12px 17px;border:1px solid #285c43;border-radius:4px;color:#fff;background:var(--green);font-size:13px;opacity:0;pointer-events:none;transition:opacity 180ms ease,transform 180ms ease}#toast.visible{opacity:1;transform:translate(-50%,0)}
.reveal{animation:reveal 700ms cubic-bezier(.2,.75,.25,1) both}.delay-1{animation-delay:120ms}@keyframes reveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes route{0%{top:-7px;opacity:0}14%{opacity:1}78%{opacity:1}100%{top:34px;opacity:0}}@keyframes breathe{50%{transform:scale(.78);box-shadow:0 0 0 8px rgba(0,185,87,.05)}}
.admin-body{min-height:100vh;display:grid;place-items:center;padding:30px;background:var(--paper)}.admin-shell{width:min(510px,100%)}.admin-shell>.brand{margin-bottom:24px}.admin-card{padding:34px;border:1px solid var(--line);background:var(--surface);box-shadow:0 24px 70px rgba(70,61,44,.08)}.admin-card h1{margin-bottom:30px;font-size:40px;line-height:1;letter-spacing:-.04em;font-weight:650}.admin-card form{display:grid;gap:18px}.admin-card label{display:grid;gap:8px}.admin-card label span{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.admin-card input{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:3px;outline:none;color:var(--ink);background:#fffdf8}.admin-card input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(23,99,63,.08)}.admin-card .button{width:100%;margin-top:5px}.form-message{min-height:20px;margin:18px 0 0;color:var(--green);font-size:13px}.admin-title{display:flex;justify-content:space-between;align-items:start;gap:20px}.text-button{border:0;background:none;color:var(--muted);cursor:pointer;font-size:10px;font-weight:800;letter-spacing:.1em}.hidden{display:none}
.whitepaper-page{background:var(--surface)}.whitepaper-header{background:rgba(248,243,233,.9)}.whitepaper-shell{width:min(1180px,calc(100% - 48px));margin:auto;display:grid;grid-template-columns:250px minmax(0,740px);gap:clamp(50px,8vw,110px);padding-block:80px 130px}.whitepaper-aside{position:sticky;top:120px;align-self:start}.whitepaper-aside .eyebrow{margin-bottom:14px}.whitepaper-aside p{color:var(--muted);font-size:14px;line-height:1.65}.whitepaper-aside a{margin-top:16px}.whitepaper-content h1{margin-bottom:18px;font-size:clamp(48px,6vw,74px)}.whitepaper-content h2{margin:66px 0 18px;font-size:30px;line-height:1.2;letter-spacing:-.025em}.whitepaper-content h3{margin:40px 0 14px;font-size:20px}.whitepaper-content p,.whitepaper-content li{color:#4f5048;font-size:16px;line-height:1.82}.whitepaper-content ul,.whitepaper-content ol{padding-left:22px}.whitepaper-content li+li{margin-top:8px}.whitepaper-content code{padding:2px 5px;color:var(--green);background:var(--paper)}.whitepaper-content pre{overflow:auto;margin:22px 0;padding:20px;border:1px solid var(--line);background:var(--paper)}.whitepaper-content pre code{padding:0;background:none}.whitepaper-version{color:var(--green)!important;font:700 12px "SFMono-Regular",Consolas,monospace!important;letter-spacing:.08em}.whitepaper-rule{height:1px;margin:36px 0;background:var(--line)}
@media(max-width:860px){.hero,.how,.details,.download,.whitepaper-shell{grid-template-columns:1fr}.hero{gap:60px;padding-block:70px 90px}.section-intro,.whitepaper-aside{position:static}.details{gap:0}.privacy-note{border-right:0;border-bottom:1px solid var(--line)}.download{gap:35px}.whitepaper-shell{gap:35px}}
@media(max-width:650px){.site-header{height:64px;padding-inline:14px}.site-header nav{gap:10px}.site-header nav a,.site-header nav button{font-size:8px}.site-header #x-link,.site-header #github-link{display:none}.brand{font-size:11px}.brand-mark{width:27px;height:27px}.section-shell,.whitepaper-shell{width:min(100% - 32px,1120px)}.hero{min-height:auto}h1{font-size:clamp(46px,13vw,66px)}.hero-lead{font-size:16px}.route-demo{padding:21px}.trust-bar{grid-template-columns:1fr}.trust-bar>div{min-height:82px;border-right:0;border-bottom:1px solid var(--line)}.trust-bar>div:last-child{border-bottom:0}.how{gap:48px;padding-block:100px}.download{padding-bottom:100px}.download-item{grid-template-columns:38px 1fr}.download-item b{display:none}.contracts-heading{display:grid}.contracts-heading small{text-align:left}.final-cta{padding-block:110px}footer{flex-direction:column;text-align:center}.admin-body{padding:18px}.admin-card{padding:25px}.whitepaper-shell{padding-block:55px 90px}.whitepaper-content h2{margin-top:50px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.brand-logo {
  width: 34px;
  height: 34px;
  display: block;
  flex: 0 0 auto;
  object-fit: contain;
}

@media (max-width: 650px) {
  .brand-logo {
    width: 30px;
    height: 30px;
  }
}


/* SHROUD HOW SECTION V4 */
.how {
  grid-template-columns: minmax(500px, 0.95fr) minmax(0, 1.05fr);
  gap: clamp(70px, 7vw, 110px);
  align-items: start;
}

.how-title {
  max-width: none;
  margin-bottom: 22px;
  font-size: clamp(44px, 3.8vw, 56px);
  line-height: 1.04;
  letter-spacing: -0.045em;
}

.how-title span {
  display: block;
  white-space: nowrap;
}

.how-summary {
  max-width: 490px;
  margin-bottom: 0;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.7;
}

.principles {
  max-width: 500px;
  list-style: none;
  margin: 32px 0 0;
  padding: 0;
  border-top: 1px solid var(--line);
}

.principles li {
  display: grid;
  grid-template-columns: 8px 155px 1fr;
  align-items: center;
  gap: 12px;
  min-height: 58px;
  border-bottom: 1px solid var(--line);
}

.principles li::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--green);
}

.principles strong {
  color: var(--ink);
  font-size: 13px;
  font-weight: 750;
  letter-spacing: -0.01em;
}

.principles li > span {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.4;
}

@media (max-width: 860px) {
  .how {
    grid-template-columns: 1fr;
    gap: 55px;
  }

  .how-title {
    max-width: 650px;
  }
}

@media (max-width: 520px) {
  .how-title {
    font-size: 42px;
  }

  .how-title span {
    white-space: normal;
  }

  .principles li {
    grid-template-columns: 8px 1fr;
    gap: 6px 12px;
    padding-block: 14px;
  }

  .principles li::before {
    grid-row: 1 / span 2;
  }

  .principles li > span {
    grid-column: 2;
  }
}
