@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');

:root{font-family:'DM Sans',sans-serif;color:#24332a;background:#f4f5ef;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-optical-sizing:auto;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}.site-header{height:76px;padding:0 clamp(22px,7vw,108px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e8df;background:rgba(248,249,244,.92)}.wordmark{display:inline-flex;align-items:center;gap:7px;font-size:15px;font-weight:700;letter-spacing:-.04em}.wordmark>span:not(.mark){margin-left:-7px;color:#8ca36b}.wordmark small{margin-left:7px;color:#899388;font-size:8px;font-weight:600;letter-spacing:.13em}.mark{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#244b39;color:#d7e9b2;font-size:17px}.site-header nav{display:flex;align-items:center;gap:29px;color:#667268;font-size:11px;font-weight:600}.site-header nav a:hover,footer>a:last-child:hover{color:#244b39}.nav-button{padding:10px 14px;border:1px solid #dce2d8;border-radius:6px;color:#32473a}.nav-button span{margin-left:7px;color:#829663}.hero{max-width:1260px;min-height:610px;margin:auto;padding:78px 46px 68px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:65px}.hero-copy{max-width:500px}.kicker,.section-label{color:#72856a;font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.kicker{display:flex;align-items:center;gap:9px}.kicker>span{width:7px;height:7px;border-radius:50%;background:#9db47b;box-shadow:0 0 0 4px #e6ebde}.hero h1,.about h2,.architecture h2,.self-host h2{margin:21px 0 17px;font-family:'Playfair Display',Georgia,serif;font-size:clamp(48px,6vw,75px);font-weight:500;line-height:.99;letter-spacing:-.055em}.hero h1 em,.about h2 em,.architecture h2 em{color:#82976b;font-weight:500}.hero-lede{max-width:440px;color:#6f7b70;font-size:13px;line-height:1.85}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.button{min-height:42px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:16px;border-radius:5px;font-size:10px;font-weight:600;transition:transform .16s ease,background .16s ease}.button:hover{transform:translateY(-1px)}.button-dark{background:#264b39;color:white}.button-dark:hover{background:#1e3d2e}.button-light{border:1px solid #dce2d8;background:rgba(255,255,255,.52);color:#526055}.hero-footnote{max-width:355px;margin-top:20px;color:#939c91;font-size:9px;line-height:1.6}.preview{position:relative;overflow:hidden;border:1px solid #e2e6dd;border-radius:11px;background:#fff;box-shadow:0 24px 70px rgba(38,56,40,.1);transform:rotate(.5deg)}.preview:before{position:absolute;top:-60px;right:-35px;width:235px;height:235px;border-radius:50%;background:#eef2e7;content:'';filter:blur(38px)}.preview-bar,.preview-body{position:relative}.preview-bar{height:42px;padding:0 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #eff1ec;color:#89958a;font-size:7px;letter-spacing:.13em}.preview-bar>span{display:flex;gap:4px}.preview-bar i{width:5px;height:5px;border-radius:50%;background:#dce3d8}.preview-bar small{margin-left:auto;color:#9aa38f;font-size:6px}.preview-body{padding:22px 25px 16px}.preview-title{display:flex;align-items:center;justify-content:space-between}.preview-title small,.preview-stats small,.asset-heading,.preview-disclaimer{color:#909a8f;font-size:7px;letter-spacing:.11em}.preview-title h2{margin:5px 0 0;font-family:'Playfair Display',Georgia,serif;font-size:22px;font-weight:500;letter-spacing:-.04em}.preview-avatar{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#edf2e8;color:#78915d;font-size:10px}.preview-stats{margin-top:18px;padding:13px 15px;display:grid;grid-template-columns:1fr 1fr;gap:12px;border:1px solid #e9ede6;border-radius:7px;background:#fbfcf9}.preview-stats div{display:flex;flex-direction:column;gap:6px}.preview-stats strong{color:#34483a;font-size:11px}.asset-heading{margin-top:22px;padding:0 6px 8px;display:grid;grid-template-columns:1fr 90px 75px;border-bottom:1px solid #edf0eb;font-size:6px}.asset{min-height:60px;padding:0 6px;display:grid;grid-template-columns:1fr 90px 75px;align-items:center;border-bottom:1px solid #f0f2ee}.asset-name{display:flex;align-items:center;gap:9px}.asset-name>span{display:flex;flex-direction:column;gap:4px}.asset-name strong,.asset-price,.asset-target{color:#34483a;font-size:9px;font-weight:700}.asset-name small{color:#98a196;font-size:7px}.ticker-icon{width:26px;height:26px;display:grid;place-items:center;border-radius:7px;background:#edf2e8;color:#718b56;font-size:10px}.ticker-icon.coin{border-radius:50%;background:#fff4e2;color:#d59a3c}.asset-price{font-weight:600}.asset-target{color:#879476;font-size:8px;font-weight:600}.notice{margin-top:15px;padding:11px 12px;display:flex;align-items:center;gap:10px;border:1px solid #e5ebe0;border-radius:6px;background:#fafcf8}.notice>span{color:#89a26b;font-size:16px}.notice div{display:flex;flex-direction:column;gap:3px}.notice strong{font-size:8px}.notice small{color:#89958a;font-size:7px}.notice>b{margin-left:auto;color:#8a9b72;font-size:6px;letter-spacing:.1em}.preview-disclaimer{margin:11px 0 0;font-size:6px;letter-spacing:0}.project-facts{min-height:72px;padding:0 clamp(22px,7vw,108px);display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #e5e8df;border-bottom:1px solid #e5e8df;background:#eef0e9;color:#536254;font-size:10px}.project-facts span{white-space:nowrap}.project-facts b{margin-right:8px;color:#90a47c;font-size:8px}.project-facts>i{width:1px;height:18px;background:#d9dfd4}.section{max-width:1130px;margin:0 auto;padding:104px 38px;display:grid;grid-template-columns:.5fr 1.5fr;gap:50px}.about{align-items:start}.about-copy{max-width:680px}.about h2,.architecture h2,.self-host h2{margin:0 0 19px;font-size:clamp(37px,4vw,50px);line-height:1.08}.about-copy p,.architecture-intro p,.self-host p{max-width:620px;color:#748076;font-size:12px;line-height:1.85}.features{padding-top:15px;padding-bottom:105px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.feature-grid article{min-height:181px;padding:20px;border:1px solid #e1e6dd;border-radius:8px;background:rgba(255,255,255,.58)}.feature-number{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:#e8eee2;color:#71895a;font-size:9px;font-weight:700}.feature-grid h3{margin:20px 0 8px;font-family:'Playfair Display',Georgia,serif;font-size:18px;font-weight:500;letter-spacing:-.02em}.feature-grid p{margin:0;color:#7b867d;font-size:10px;line-height:1.7}.architecture{padding:75px max(38px,calc((100% - 1054px)/2));display:grid;grid-template-columns:1fr .8fr;gap:65px;align-items:center;background:#e9eee5}.architecture h2{margin-top:17px}.flow{display:grid;gap:8px}.flow>div{position:relative;padding:15px 17px 15px 48px;border:1px solid #dce4d8;border-radius:6px;background:rgba(255,255,255,.62)}.flow>div>span{position:absolute;left:16px;top:17px;color:#91a37d;font-size:8px}.flow strong,.flow small{display:block}.flow strong{font-size:10px}.flow small{margin-top:5px;color:#788579;font-size:8px}.flow>b{text-align:center;color:#9aaa91;font-size:12px;line-height:.7}.self-host{align-items:center}.self-host p{max-width:500px}.self-host .button{justify-self:start}footer{min-height:76px;padding:15px clamp(22px,7vw,108px);display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #e5e8df;color:#889287;font-size:8px}footer .wordmark{color:#24332a;font-size:12px}footer .mark{width:23px;height:23px;font-size:14px}footer p{margin:0}footer>a:last-child{font-weight:600}

@media(max-width:850px){.hero{min-height:0;padding:65px 32px 55px;grid-template-columns:.9fr 1.1fr;gap:30px}.hero h1{font-size:clamp(45px,7vw,62px)}.section{padding:80px 30px;grid-template-columns:.42fr 1.58fr;gap:28px}.architecture{padding:65px 30px;gap:35px}.project-facts{padding:17px 24px;flex-wrap:wrap;justify-content:center}.project-facts>i{display:none}}
@media(max-width:620px){.site-header{height:64px;padding:0 18px}.wordmark small{display:none}.site-header nav{gap:0}.site-header nav>a:not(.nav-button){display:none}.nav-button{padding:9px 11px;font-size:9px}.hero{padding:54px 22px 40px;grid-template-columns:1fr;gap:36px}.hero h1{font-size:clamp(48px,13vw,67px)}.hero-lede{font-size:12px}.preview-body{padding:18px 15px 14px}.preview{transform:none}.asset-heading,.asset{grid-template-columns:1fr 66px 69px}.asset-name{gap:6px}.preview-disclaimer{font-size:6px}.project-facts{min-height:0;padding:18px 22px;display:grid;grid-template-columns:1fr 1fr;gap:13px;font-size:9px}.section{padding:68px 22px;grid-template-columns:1fr;gap:21px}.about h2,.architecture h2,.self-host h2{font-size:40px}.features{padding-top:8px}.feature-grid{grid-template-columns:1fr}.feature-grid article{min-height:0;padding:17px}.feature-grid h3{margin-top:14px}.architecture{padding:59px 22px;grid-template-columns:1fr;gap:25px}.self-host .button{justify-self:start}footer{padding:17px 19px;flex-wrap:wrap}footer p{order:3;width:100%}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important}}

/* Keep supporting copy and controls readable across desktop and mobile. */
:root { font-size: 16px; }
.wordmark { font-size: 17px; }
.wordmark small { font-size: 10px; }
.site-header nav { font-size: 14px; }
.kicker, .section-label { font-size: 11px; }
.hero-lede, .about-copy p, .architecture-intro p, .self-host p { font-size: 16px; }
.button { min-height: 48px; padding-inline: 18px; font-size: 14px; }
.hero-footnote { font-size: 12px; }
.preview-bar { font-size: 9px; }
.preview-bar small { font-size: 8px; }
.preview-title small, .preview-stats small, .asset-heading { font-size: 10px; }
.preview-title h2 { font-size: 25px; }
.preview-avatar { font-size: 12px; }
.preview-stats strong { font-size: 14px; }
.asset-heading { font-size: 9px; }
.asset-name strong, .asset-price { font-size: 12px; }
.asset-name small { font-size: 10px; }
.ticker-icon { font-size: 12px; }
.asset-target { font-size: 11px; }
.notice > span { font-size: 18px; }
.notice strong { font-size: 12px; }
.notice small { font-size: 10px; }
.notice > b { font-size: 9px; }
.preview-disclaimer { font-size: 9px; }
.project-facts { font-size: 14px; }
.project-facts b, .feature-number { font-size: 11px; }
.feature-grid p { font-size: 14px; }
.flow > div > span { font-size: 11px; }
.flow strong { font-size: 14px; }
.flow small { font-size: 12px; }
footer { font-size: 12px; }
footer .wordmark { font-size: 14px; }

@media (max-width: 850px) {
  .site-header nav { font-size: 13px; }
}

@media (max-width: 620px) {
  .nav-button { font-size: 13px; }
  .hero-lede { font-size: 16px; }
  .project-facts { font-size: 13px; }
  .preview-disclaimer { font-size: 9px; }
}
