/* Supporting copy stays readable while the page keeps its compact layout. */
.header-link{font-size:13px}
.hero-proof p,.hero-proof strong{font-size:12px}
.section-label{font-size:10px}
.principles-bar div{font-size:12px}
.tools-heading>p,.cases-heading>p{font-size:14px}
.tool-card>p{font-size:13px}
.feature-list li{font-size:12px}
.tool-note{font-size:12px}
.steps-list strong{font-size:14px}
.steps-list p{font-size:12px}
.case-tag{font-size:11px}
.case-number{font-size:10px}
.case-body h3{font-size:16px}
.case-body p{font-size:12px}
.contribute-copy>p:not(.eyebrow){font-size:13px}
.contribute-issue{font-size:12px}
.license-note p,.license-note>a{font-size:11px}
.footer-inner>p,.footer-github{font-size:11px}
.pix-dialog #pix-description{font-size:13px}
.pix-key-label{font-size:12px}
.pix-key-row code,.pix-feedback,.pix-footnote{font-size:11px}

@media(max-width:680px){
  .tools-heading>p,.cases-heading>p{font-size:13px}
  .tool-card>p,.tool-note,.steps-list p,.case-body p{font-size:12px}
  .contribute-copy>p:not(.eyebrow){font-size:12px}
}

.free-badge{display:inline-flex;align-items:center;gap:10px;margin:0 0 17px;padding:7px 15px 7px 8px;border:1px solid #bdd391;border-radius:999px;background:#eaf3d4;color:#294a3d}
.free-price{display:grid;place-items:center;min-width:51px;height:36px;padding-inline:6px;border-radius:999px;background:#d7f36f;font-family:var(--display);font-size:14px;font-weight:800;letter-spacing:-.04em}
.free-badge strong,.free-badge small{display:block}
.free-badge strong{font-family:var(--display);font-size:12px;line-height:1.25}
.free-badge small{margin-top:2px;color:#577061;font-size:10px;line-height:1.25}
.hero h1 .hero-emphasis{font-family:var(--display);font-weight:800;font-style:normal;letter-spacing:-.065em;color:#315f53;background:linear-gradient(transparent 73%,#d7f36f 73%);box-decoration-break:clone;-webkit-box-decoration-break:clone}
.roadmap-section{padding-block:78px 84px;background:#e9ede5}
.roadmap-heading{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-top:37px}
.roadmap-heading .eyebrow{margin-bottom:15px}
.roadmap-heading h2{max-width:620px;margin:0;font-family:var(--display);font-size:clamp(40px,4.4vw,56px);font-weight:600;line-height:1.05;letter-spacing:-.065em}
.roadmap-heading h2 em{font-family:var(--serif);font-weight:400;color:#638477}
.roadmap-heading>p{width:320px;margin:0 0 3px;color:#596b66;font-size:13px;line-height:1.8}
.roadmap-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:34px}
.roadmap-card{padding:25px 27px 27px;border:1px solid #d8e0d7;border-radius:9px;background:#fffefa}
.roadmap-next{background:#f7faf5}
.roadmap-card-head{display:flex;align-items:center;justify-content:space-between}
.roadmap-status{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:800;letter-spacing:.1em}
.status-ready{color:#3f6f58}.status-ready>span{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#dff0c4;font-size:12px}
.status-next{color:#617c71}.status-next>span{font-size:15px}
.roadmap-count{color:#91a097;font-family:var(--display);font-size:10px}
.roadmap-card h3{max-width:390px;margin:18px 0 18px;font-family:var(--display);font-size:22px;line-height:1.2;letter-spacing:-.04em}
.roadmap-list{display:grid;gap:0;padding:0;margin:0;list-style:none}
.roadmap-list li{display:grid;grid-template-columns:24px 1fr;gap:11px;padding:14px 0;border-top:1px solid #e6eae3}
.roadmap-item-icon{display:grid;place-items:center;width:22px;height:22px;margin-top:1px;border-radius:50%;font-size:13px;font-weight:800}
.ready-icon{background:#e2f0ce;color:#3d7157}.next-icon{background:#e8eee5;color:#587468}
.roadmap-list strong{font-family:var(--display);font-size:13px;letter-spacing:-.02em}
.roadmap-list code{color:#315f53;font-size:.95em}
.roadmap-list p{margin:4px 0 0;color:#5c6d67;font-size:12px;line-height:1.6}
.roadmap-invite{margin:18px 0 0;text-align:center;color:#5c6d67;font-size:12px}
.roadmap-invite a{margin-left:5px;color:#315f53;font-weight:800;text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){.roadmap-heading{gap:24px}.roadmap-heading>p{width:270px}.roadmap-card{padding-inline:22px}}
@media(max-width:680px){.free-badge{margin-bottom:15px}.free-price{min-width:47px;height:34px}.free-badge small{font-size:11px}.hero h1 .hero-emphasis{background:linear-gradient(transparent 75%,#d7f36f 75%)}.roadmap-section{padding-block:61px 66px}.roadmap-heading{display:block;margin-top:31px}.roadmap-heading h2{font-size:clamp(39px,10vw,50px)}.roadmap-heading>p{width:auto;max-width:460px;margin-top:15px;font-size:13px}.roadmap-grid{grid-template-columns:1fr;margin-top:26px;gap:12px}.roadmap-card{padding:21px 19px 22px}.roadmap-card h3{font-size:20px}.roadmap-list strong{font-size:13px}.roadmap-list p{font-size:12px}.roadmap-invite{font-size:12px;line-height:1.7}.roadmap-invite a{display:inline-block}}

.pix-dialog{max-height:90vh;overflow-y:auto}
.pix-qr-area{display:flex;flex-direction:column;align-items:center;gap:8px;margin:16px 0 17px;padding:13px 12px 10px;border:1px solid #e0e8dd;border-radius:9px;background:#f7f9f3}
.pix-qr-image{display:block;width:min(220px,100%);height:auto;aspect-ratio:1;background:#fffefa;image-rendering:pixelated}
.pix-qr-area p{margin:0;color:#52665e;font-size:12px;font-weight:600;text-align:center}
.copy-pix-code{width:100%;min-height:42px;margin-top:10px;border:1px solid #bbd17c;border-radius:6px;background:#eaf3d4;color:#294a3d;font-size:12px;font-weight:800;cursor:pointer}
.copy-pix-code:hover{background:#e0efbf}
.pix-copy-fallback{width:100%;min-height:70px;margin-top:9px;padding:9px;border:1px solid #dce4da;border-radius:6px;background:#f6f8f2;color:#324d45;font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere;resize:vertical}
.pix-copy-fallback[hidden]{display:none}
@media(max-width:680px){.pix-dialog{max-height:88dvh;padding:25px 20px 22px}.pix-qr-area{margin:13px 0 15px}.pix-qr-image{width:min(200px,100%)}.copy-pix-code{font-size:13px}}

.life-map{position:relative;max-width:1000px;margin:37px auto 0;isolation:isolate}
.life-canvas{position:absolute;z-index:-1;inset:0;width:100%;height:100%;pointer-events:none;opacity:.9}
.life-timeline{position:relative;display:grid;gap:17px;margin:0;padding:0;list-style:none}
.life-stop{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 78px minmax(0,1fr);align-items:center;min-height:151px}
.life-card{position:relative;grid-column:1;grid-row:1;padding:21px 23px;border:1px solid #d9e2d7;border-radius:9px;background:rgba(255,254,250,.94);box-shadow:0 9px 25px rgba(39,66,54,.06);transition:border-color .25s,box-shadow .25s,transform .25s}
.life-right .life-card{grid-column:3}
.life-card::after{position:absolute;top:50%;right:-32px;width:31px;border-top:1px dashed #90a899;content:""}
.life-right .life-card::after{right:auto;left:-32px}
.life-card.is-current{border-color:#95b871;box-shadow:0 10px 30px rgba(67,108,70,.14);transform:translateY(-2px)}
.life-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}
.life-tag{display:inline-flex;align-items:center;padding:5px 8px;border-radius:99px;background:#edf2e6;color:#506b5d;font-size:9px;font-weight:800;letter-spacing:.1em}
.tag-origin{background:#f5eadb;color:#896341}.tag-map{background:#e5eee8;color:#446c5a}.tag-widget{background:#eaf2d3;color:#506f3d}.tag-audit{background:#e1ecea;color:#426a66}.tag-future{background:#d9f36f;color:#355444}
.life-card-index{color:#91a097;font-family:var(--display);font-size:10px}
.life-card h3{margin:0 0 8px;font-family:var(--display);font-size:17px;line-height:1.28;letter-spacing:-.035em}
.life-card p{margin:0;color:#5b6d66;font-size:12px;line-height:1.7}
.life-card code{color:#315f53;font-size:.95em}
.life-node{z-index:2;grid-column:2;grid-row:1;justify-self:center;display:grid;place-items:center;width:46px;height:46px;border:1px solid #93aa96;border-radius:50%;background:#f6f8ee;color:#426b54;font-family:var(--display);font-size:11px;font-weight:800;box-shadow:0 0 0 7px rgba(233,237,229,.82);transition:transform .3s,background .3s,color .3s,box-shadow .3s}
.life-node.is-current{transform:scale(1.13);background:#d7f36f;color:#244837;box-shadow:0 0 0 8px rgba(215,243,111,.23),0 0 25px rgba(116,163,96,.37)}
.life-map-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:21px auto 0;max-width:1000px}
.life-map-footer p{max-width:650px;margin:0;color:#60716a;font-size:11px;line-height:1.65}
.life-toggle{flex:none;min-width:154px;min-height:44px;padding:0 14px;border:1px solid #9daf9c;border-radius:6px;background:#f7f9f2;color:#315648;font-size:11px;font-weight:800;cursor:pointer;transition:background .18s,border-color .18s}
.life-toggle:hover{border-color:#67866c;background:#fffefa}
.life-toggle[aria-pressed="false"]::before{content:"▶ "}
.life-toggle[aria-pressed="true"]::before{content:"Ⅱ "}
.life-toggle:focus-visible{outline:3px solid #2d6754;outline-offset:3px}
.roadmap-invite{position:relative;z-index:1}
@media(max-width:680px){.life-map{margin-top:27px}.life-timeline{gap:13px}.life-stop{grid-template-columns:54px minmax(0,1fr);min-height:0}.life-card,.life-right .life-card{grid-column:2;grid-row:1;padding:17px 16px}.life-card::after,.life-right .life-card::after{right:auto;left:-18px;width:17px}.life-node{grid-column:1;width:38px;height:38px;font-size:10px;box-shadow:0 0 0 5px rgba(233,237,229,.88)}.life-card h3{font-size:16px}.life-card p{font-size:12px}.life-map-footer{align-items:stretch;flex-direction:column;gap:12px;margin-top:17px}.life-toggle{width:100%}}
@media(prefers-reduced-motion:reduce){.life-card,.life-node,.life-toggle{transition:none}}