/* generated by build_site.py from style attributes: the CSP allows no inline styles */
.is1{--delay:0s}
.is2{--delay:1s}
.is3{--delay:2.2s}
.is4{--delay:3.4s}
.is5{--delay:4.6s}
.is6{margin-top:1.5rem}
.is7{margin-top:2rem}
.is8{margin-top:1rem}
.is9{color:#FBFAF7}
.is10{color:#E5A552}
.is11{margin-top:.9rem;max-width:30ch}
.is12{background-color: var(--surface); padding: 2rem; font-family: var(--font-body); color: var(--ink); border-radius: 1rem; overflow-x: auto;}
.is13{color: var(--navy); text-align: center; margin-bottom: 2rem;}
.is14{min-width: 600px;}
.is15{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 1rem; margin-bottom: 1rem; font-weight: 600; color: var(--muted); text-align: center;}
.is16{text-align: left;}
.is17{margin-top:2.5rem}
.is18{margin:1.5rem 0}
.is19{--size:37.5%}
.is20{--size:25%}
.is21{--size:12.5%}
.is22{background-color: var(--surface); padding: 2rem; font-family: var(--font-body); color: var(--ink); border-radius: 1rem; max-width: 1000px; margin: 0 auto;}
.is23{color: var(--navy); text-align: center; margin-bottom: 0.5rem;}
.is24{color: var(--muted); text-align: center; margin-bottom: 2rem;}
.is25{display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem;}
.is26{background-color: var(--surface-2); padding: 1.5rem; border-radius: 0.75rem; border-top: 4px solid var(--amber);}
.is27{color: var(--navy); font-weight: bold; margin-bottom: 0.5rem;}
.is28{font-size: 1.1rem; font-weight: 500;}
.is29{background-color: var(--surface); padding: 2rem 1rem; font-family: var(--font-body); color: var(--ink); max-width: 800px; margin: 0 auto; border-radius: 1rem;}
.is30{background-color: var(--surface-2); border-radius: 1rem; padding: 2rem; box-shadow: 0 4px 6px rgba(0,0,0,0.1);}
.is31{color: var(--navy); margin-top: 0; text-align: center;}
.is32{display: flex; flex-direction: column; gap: 1rem; margin-top: 1.5rem;}
.is33{display: flex; justify-content: space-between; align-items: center; padding: 1rem; background-color: var(--surface); border-radius: 0.5rem; transition: all 0.5s;}
.is34{font-weight: 500;}
.is35{color: var(--muted); font-size: 0.9rem;}
.is36{text-align: center; color: var(--amber); margin-top: 2rem; font-weight: 600; font-size: 1.1rem;}
.is37{text-align: center; color: var(--muted); margin-bottom: 0; font-size: 0.8rem;}
.is38{background-color: var(--surface); padding: 2rem; font-family: var(--font-body); border-radius: 1rem;}
.is39{display: flex; flex-wrap: wrap; justify-content: center; gap: 1.5rem;}
.is40{background-color: var(--surface-2); width: 160px; height: 320px; border-radius: 1.5rem; border: 4px solid var(--line-strong); display: flex; flex-direction: column; align-items: center; padding: 1.5rem 1rem; box-sizing: border-box; position: relative;}
.is41{width: 50px; height: 50px; border-radius: 50%; background-color: var(--surface); margin-bottom: 1rem; display: flex; align-items: center; justify-content: center; color: var(--navy); font-weight: bold;}
.is42{color: var(--ink); font-size: 1.1rem; font-weight: 600; text-align: center; margin-bottom: 0.5rem;}
.is43{color: var(--muted); font-size: 0.8rem; text-align: center; margin-bottom: auto;}
.is44{width: 40px; height: 40px; border-radius: 50%; background-color: var(--ok); margin-top: auto;}
.is45{font-size:var(--step-1)}
.is46{margin-top:1.5rem;max-width:52rem}
.is47{margin-top:2rem;max-width:52rem}