body { margin:0; background:#F5F2EC; color:#23262E; font-family:'Geist',ui-sans-serif,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:#23262E; text-decoration:none; }
a:hover { color:#2b9c93; }
@keyframes pulse { 50% { opacity:0.3; } }
@keyframes fadeUp { from { opacity:0; transform:translateY(22px); } to { opacity:1; transform:none; } }
@keyframes marquee { to { transform:translateX(-50%); } }
@keyframes blinkY { 0%,94%,100% { transform:scaleY(1); } 96% { transform:scaleY(0.08); } }
@keyframes bob { 0%,100% { transform:translateY(0); } 50% { transform:translateY(7px); } }
@keyframes caret { 0%,100% { opacity:1; } 50% { opacity:0; } }
@keyframes glowDrift { 0%,100% { transform:translate(0,0); } 50% { transform:translate(-40px,26px); } }
@keyframes tokenPass { 0%,18% { transform:translateX(0); } 32%,50% { transform:translateX(122px); } 64%,82% { transform:translateX(244px); } 96%,100% { transform:translateX(0); } }
@keyframes fillBar { from { width:0; } }
html { scroll-behavior:smooth; }
*:focus-visible { outline:2px solid #2b9c93; outline-offset:3px; }
.face { width:100%; height:100%; overflow:visible; display:block; }
.plogo { width:15px; height:15px; display:block; }
[hidden] { display:none !important; }
[data-tab-btn] .tab-ind { display:none; } [data-tab-btn].is-active .tab-ind { display:block; }
[data-reveal].reveal-pending { opacity:0; transform:translateY(28px); }
[data-reveal].reveal-in { opacity:1; transform:none; transition:opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.2,.7,.2,1); }
.s1 { position:sticky; top:0; z-index:50; backdrop-filter:blur(14px); background:rgb(245 242 236 / .82); border-bottom:1px solid rgb(223 218 206 / .7); }
.s2 { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:14px 40px; max-width:1200px; margin:0 auto; box-sizing:border-box; }
.s3 { display:flex; align-items:center; gap:10px; }
.s4 { width:28px; height:28px; border-radius:7px; }
.s5 { font-weight:600; font-size:17px; letter-spacing:-0.01em; }
.s6 { font-family:'Geist Mono',monospace; font-size:12px; color:#2b9c93; border:1px solid rgb(43 156 147 / .35); border-radius:999px; padding:2px 9px; margin-left:4px; }
.s7 { font-family:'Geist Mono',monospace; font-size:12px; color:#8A5A12; background:#FBF1DB; border:1px solid rgb(156 92 20 / .3); border-radius:999px; padding:2px 9px; }
.s8 { display:flex; align-items:center; gap:26px; font-size:16px; color:#5C6069; }
.s9 { color:#5C6069; }
.s10 { background:#23262E; color:#F3F0E9; padding:9px 18px; border-radius:9px; font-weight:500; }
.s11 { position:relative; max-width:1200px; width:100%; margin:0 auto; box-sizing:border-box; padding:84px 40px 0; text-align:center; }
.s12 { position:absolute; top:-80px; left:50%; margin-left:-390px; width:780px; height:460px; background:radial-gradient(closest-side, rgb(127 231 222 / .35), transparent 70%); filter:blur(30px); pointer-events:none; animation:glowDrift 14s ease-in-out infinite; }
.s13 { position:absolute; top:120px; right:-60px; width:420px; height:380px; background:radial-gradient(closest-side, rgb(247 192 138 / .3), transparent 70%); filter:blur(30px); pointer-events:none; animation:glowDrift 18s ease-in-out infinite reverse; }
.s14 { position:relative; }
.s15 { display:inline-flex; align-items:center; gap:8px; border:1px solid #E6E2D8; border-radius:999px; padding:6px 14px; font-size:13px; color:#5C6069; margin-bottom:30px; background:#FFFDF9; animation:fadeUp .7s both; }
.s16 { width:7px; height:7px; border-radius:50%; background:#2b9c93; }
.s17 { font-size:clamp(46px,7vw,86px); line-height:1.0; letter-spacing:-0.035em; font-weight:700; margin:0 0 24px; text-wrap:balance; animation:fadeUp .7s .08s both; }
.s18 { font-family:'Instrument Serif',serif; font-style:italic; font-weight:400; color:#1a6b64; }
.s19 { font-size:19px; line-height:1.55; color:#5C6069; max-width:620px; margin:0 auto 36px; text-wrap:pretty; animation:fadeUp .7s .16s both; }
.s20 { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; animation:fadeUp .7s .24s both; }
.s21 { background:#23262E; color:#F3F0E9; padding:15px 30px; border-radius:11px; font-weight:500; font-size:16px; box-shadow:0 12px 24px -12px rgb(35 38 46 / .5); transition:transform .2s, background .2s; }
.s22 { border:1px solid #DFDACE; padding:15px 30px; border-radius:11px; font-weight:500; font-size:16px; background:#FFFDF9; transition:transform .2s, border-color .2s; }
.s23 { display:flex; align-items:center; justify-content:center; gap:18px; margin-top:30px; font-family:'Geist Mono',monospace; font-size:12.5px; color:#8B8F98; flex-wrap:wrap; animation:fadeUp .7s .32s both; }
.s24 { font-size:12px;letter-spacing:.12em;color:#6E727A; }
.s25 { font-size:16px; }
.s26 { color:#b9b5ac; }
.s27 { font-size:16px;font-weight:500;color:#1a6b64; }
.s28 { max-width:1200px; width:100%; margin:0 auto; box-sizing:border-box; padding:56px 40px 0; }
.s29 { max-width:960px; margin:0 auto; border-radius:16px; border:1px solid #DFDACE; background:#F5F2EC; box-shadow:0 1px 2px rgb(35 38 46 / .06), 0 40px 80px -40px rgb(26 61 67 / .45); overflow:hidden; animation:fadeUp .8s .4s both; }
.s30 { display:flex; align-items:center; gap:6px; padding:10px 14px; border-bottom:1px solid #E6E2D8; background:#EFEBE3; }
.s31 { width:11px; height:11px; border-radius:50%; background:#DFDACE; }
.s32 { display:flex; gap:4px; margin:0 auto; }
.s33 { position:relative; cursor:pointer; font-family:'Geist Mono',monospace; font-size:12px; color:#5C6069; padding:5px 13px; border-radius:7px; user-select:none; }
.s34 { position:absolute; inset:0; border-radius:7px; background:#FFFDF9; border:1px solid #DFDACE; z-index:-1; }
.s35 { font-family:'Geist Mono',monospace; font-size:10.5px; color:#8B8F98; }
.s36 { display:grid; grid-template-columns:220px 1fr; min-height:430px; }
.s37 { background:#EFEBE3; padding:12px 0; display:flex; flex-direction:column; font-size:13.5px; color:#6E727A; }
.s38 { padding:4px 14px 12px; display:flex; align-items:center; gap:8px; border-bottom:1px solid #E4E0D5; }
.s39 { width:24px; height:24px; border-radius:7px; background:#23262E; color:#fff; display:grid; place-items:center; font-family:'Geist Mono',monospace; font-size:12px; font-weight:650; }
.s40 { color:#23262E; font-size:14px; }
.s41 { padding:12px 14px 4px; font-size:12px; font-weight:600; letter-spacing:0.04em; }
.s42 { padding:5px 14px; color:#23262E; background:#DDD8CC; }
.s43 { color:#8B8F98; }
.s44 { padding:5px 14px; }
.s45 { padding:4px 14px; display:flex; align-items:center; gap:8px; }
.s46 { width:22px; height:22px; flex:none; display:block; }
.s47 { flex:1; }
.s48 { width:7px; height:7px; border-radius:50%; background:#c9c4b8; }
.s49 { margin-top:auto; padding:12px 14px 4px; border-top:1px solid #E4E0D5; display:flex; justify-content:space-between; font-family:'Geist Mono',monospace; font-size:12px; }
.s50 { color:#23262E; }
.s51 { background:#F5F2EC; display:flex; flex-direction:column; min-width:0; }
.s52 { padding:11px 18px; border-bottom:1px solid #E6E2D8; display:flex; align-items:baseline; gap:10px; }
.s53 { font-size:15px; }
.s54 { font-size:12.5px; color:#6E727A; }
.s55 { flex:1; padding:16px 18px; display:flex; flex-direction:column; gap:14px; font-size:13.5px; }
.s56 { display:flex; gap:10px; animation:fadeUp .5s .3s both; }
.s57 { width:36px; height:36px; border-radius:50%; flex:none; display:grid; place-items:center; font-family:'Geist Mono',monospace; font-size:12px; font-weight:650; color:#33363E; background:#DDD8CC; }
.s58 { min-width:0; }
.s59 { display:flex; align-items:baseline; gap:8px; flex-wrap:wrap; }
.s60 { font-size:13.5px; }
.s61 { padding:0 5px; border-radius:3px; background:#EEEAE1; font-size:12px; text-transform:uppercase; letter-spacing:0.04em; color:#5C6069; }
.s62 { color:#3d4149; line-height:1.5; margin-top:2px; text-wrap:pretty; }
.s63 { display:flex; gap:10px; animation:fadeUp .5s 1.1s both; }
.s64 { width:38px; height:38px; flex:none; display:block; }
.s65 { width:100%; height:100%; overflow:visible; }
.s66 { transform-box:fill-box; transform-origin:center; animation:blinkY 4.5s .6s infinite; }
.s67 { font-family:'Geist Mono',monospace; font-size:12px; color:#8B8F98; }
.s68 { display:flex; gap:10px; animation:fadeUp .5s 1.9s both; }
.s69 { transform-box:fill-box; transform-origin:center; animation:blinkY 5.2s 1.4s infinite; }
.s70 { margin-left:48px; padding:11px 13px; border-radius:9px; background:#FBF1DB; border:1px solid rgb(156 92 20 / .28); max-width:440px; animation:fadeUp .5s 2.7s both; }
.s71 { font-size:12px; font-weight:600; color:#8A5A12; margin-bottom:3px; }
.s72 { color:#5C6069; font-size:13px; margin-bottom:9px; }
.s73 { font-family:'Geist Mono',monospace; font-size:12px; }
.s74 { display:flex; flex-wrap:wrap; gap:7px; }
.s75 { background:#23262E; color:#F3F0E9; padding:4px 12px; border-radius:6px; font-size:12.5px; font-weight:500; }
.s76 { border:1px solid #DFDACE; padding:4px 12px; border-radius:6px; font-size:12.5px; background:#FFFDF9; }
.s77 { display:flex; align-items:center; gap:8px; color:#6E727A; font-size:12.5px; animation:fadeUp .5s 3.5s both; }
.s78 { display:inline-flex; gap:3px; }
.s79 { width:4px; height:4px; border-radius:50%; background:#8B8F98; animation:pulse 1.1s ease-in-out infinite; }
.s80 { width:4px; height:4px; border-radius:50%; background:#8B8F98; animation:pulse 1.1s ease-in-out 0.2s infinite; }
.s81 { width:4px; height:4px; border-radius:50%; background:#8B8F98; animation:pulse 1.1s ease-in-out 0.4s infinite; }
.s82 { margin:0 18px 14px; border:1px solid #DFDACE; border-radius:9px; background:#FFFDF9; padding:9px 12px; color:#8B8F98; font-size:13.5px; }
.s83 { min-height:430px; background:#F5F2EC; box-sizing:border-box; padding:18px; }
.s84 { display:flex; align-items:baseline; gap:10px; margin-bottom:14px; animation:fadeUp .4s both; }
.s85 { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; font-size:12.5px; }
.s86 { animation:fadeUp .5s .1s both; }
.s87 { color:#8B8F98; font-weight:600; letter-spacing:0.04em; font-size:10.5px; margin-bottom:8px; }
.s88 { border:1px solid #E6E2D8; border-radius:9px; padding:11px 12px; background:#FFFDF9; margin-bottom:8px; }
.s89 { font-weight:600; margin-bottom:5px; }
.s90 { display:flex; align-items:center; gap:6px; color:#6E727A; }
.s91 { width:17px; height:17px; flex:none; display:block; }
.s92 { border:1px solid #E6E2D8; border-radius:9px; padding:11px 12px; background:#FFFDF9; }
.s93 { animation:fadeUp .5s .2s both; }
.s94 { border:1px solid rgb(156 92 20 / .35); border-radius:9px; padding:11px 12px; background:#FBF1DB; }
.s95 { color:#8A5A12; margin-bottom:8px; }
.s96 { display:flex; flex-wrap:wrap; gap:6px; }
.s97 { background:#23262E; color:#F3F0E9; padding:3px 10px; border-radius:6px; font-size:12px; }
.s98 { border:1px solid #DFDACE; padding:3px 10px; border-radius:6px; background:#FFFDF9; font-size:12px; }
.s99 { animation:fadeUp .5s .3s both; }
.s100 { border:1px solid #E6E2D8; border-radius:9px; padding:11px 12px; background:#FFFDF9; opacity:0.8; margin-bottom:8px; }
.s101 { border:1px solid #E6E2D8; border-radius:9px; padding:11px 12px; background:#FFFDF9; opacity:0.8; }
.s102 { min-height:430px; background:#16181d; box-sizing:border-box; display:flex; flex-direction:column; }
.s103 { padding:12px 18px; border-bottom:1px solid #2a2d34; display:flex; align-items:center; gap:8px; font-size:13px; color:#c8cbd2; animation:fadeUp .4s both; }
.s104 { width:20px; height:20px; flex:none; display:block; }
.s105 { color:#eceef2; }
.s106 { font-size:12px; color:#84878e; }
.s107 { margin-left:auto; font-size:12px; color:#7fe7de; }
.s108 { border:1px solid #3a3e48; border-radius:6px; padding:3px 10px; font-size:12px; cursor:pointer; }
.s109 { flex:1; padding:18px; font-family:'Geist Mono',monospace; font-size:13px; line-height:2; color:#b9bdc7; animation:fadeUp .5s .15s both; }
.s110 { color:#7fe7de; }
.s111 { color:#84878e; }
.s112 { color:#e8c268; }
.s113 { display:inline-block; width:7px; height:15px; background:#b9bdc7; vertical-align:middle; animation:caret 1.1s step-end infinite; }
.s114 { padding:12px 18px; border-top:1px solid #2a2d34; display:flex; align-items:center; gap:10px; font-size:12px; color:#84878e; flex-wrap:wrap; animation:fadeUp .5s .3s both; }
.s115 { font-family:'Geist Mono',monospace; font-size:12px; color:#7fe7de; border:1px solid #2a4a4d; border-radius:6px; padding:2px 8px; }
.s116 { border:1px solid #E6E2D8; border-radius:11px; background:#FFFDF9; overflow:hidden; font-size:13.5px; animation:fadeUp .5s .15s both; }
.s117 { display:flex; align-items:center; gap:12px; padding:13px 18px; border-bottom:1px solid #F0EDE4; }
.s118 { width:24px; height:24px; flex:none; display:block; }
.s119 { flex:1; min-width:0; }
.s120 { color:#8B8F98; font-size:12px; font-family:'Geist Mono',monospace; }
.s121 { color:#2b9c93; font-size:12px; font-family:'Geist Mono',monospace; }
.s122 { display:flex; align-items:center; gap:12px; padding:13px 18px; }
.s123 { border-top:1px solid #E6E2D8; border-bottom:1px solid #E6E2D8; background:#EFEBE3; overflow:hidden; padding:13px 0; margin-top:64px; }
.s124 { display:flex; gap:0; width:max-content; animation:marquee 32s linear infinite; font-family:'Geist Mono',monospace; font-size:13px; color:#5C6069; white-space:nowrap; }
.s125 { padding-right:48px; }
.s126 { color:#2b9c93; padding:0 0 0 48px; font-style:normal; }
.s127 { padding-right:48px; padding-left:48px; }
.s128 { color:#2b9c93; font-style:normal; }
.s129 { max-width:1200px; width:100%; margin:0 auto; box-sizing:border-box; padding:88px 40px 40px; }
.s130 { font-size:clamp(30px,4vw,46px); letter-spacing:-0.025em; font-weight:700; margin:0 0 12px; }
.s131 { font-size:17px; color:#5C6069; margin:0 0 44px; max-width:560px; text-wrap:pretty; }
.s132 { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:16px; }
.s133 { grid-column:span 4; background:#FFFDF9; border:1px solid #E6E2D8; border-radius:16px; padding:28px; transition:border-color .25s, box-shadow .25s; }
.s134 { font-family:'Geist Mono',monospace; font-size:12.5px; color:#2b9c93; margin-bottom:13px; }
.s135 { font-size:19px; font-weight:600; margin:0 0 9px; letter-spacing:-0.01em; }
.s136 { font-size:16px; line-height:1.6; color:#5C6069; margin:0 0 22px; max-width:440px; text-wrap:pretty; }
.s137 { position:relative; height:56px; max-width:340px; margin-top:20px; }
.s138 { position:absolute; top:14px; left:22px; right:22px; height:2px; background:#E6E2D8; }
.s139 { position:absolute; left:0; top:0; width:44px; height:44px; display:block; }
.s140 { position:absolute; left:122px; top:0; width:44px; height:44px; display:block; }
.s141 { position:absolute; left:244px; top:0; width:44px; height:44px; display:block; }
.s142 { position:absolute; left:4px; top:-20px; font-family:'Geist Mono',monospace; font-size:9.5px; background:#23262E; color:#7fe7de; border-radius:999px; padding:2px 8px; animation:tokenPass 6s ease-in-out infinite; }
.s143 { grid-column:span 2; background:#FFFDF9; border:1px solid #E6E2D8; border-radius:16px; padding:28px; transition:border-color .25s, box-shadow .25s; }
.s144 { font-size:16px; line-height:1.6; color:#5C6069; margin:0 0 20px; text-wrap:pretty; }
.s145 { font-family:'Geist Mono',monospace; font-size:12px; color:#8B8F98; display:flex; justify-content:space-between; margin-bottom:6px; }
.s146 { height:8px; border-radius:999px; background:#EFEBE3; overflow:hidden; }
.s147 { height:100%; width:27%; border-radius:999px; background:linear-gradient(90deg,#2b9c93,#7fe7de); animation:fillBar 1.2s ease-out both; }
.s148 { grid-column:span 2; background:#16181d; border:1px solid #2a2d34; border-radius:16px; padding:28px; color:#eceef2; transition:border-color .25s, box-shadow .25s; }
.s149 { font-family:'Geist Mono',monospace; font-size:12.5px; color:#7fe7de; margin-bottom:13px; }
.s150 { font-size:16px; line-height:1.6; color:#9ba0aa; margin:0 0 18px; text-wrap:pretty; }
.s151 { font-family:'Geist Mono',monospace; font-size:12px; line-height:1.9; color:#84878e; }
.s152 { font-size:16px; line-height:1.6; color:#5C6069; margin:0 0 18px; text-wrap:pretty; }
.s153 { display:inline-flex; align-items:center; gap:7px; border:1px solid rgb(156 92 20 / .3); background:#FBF1DB; color:#8A5A12; border-radius:999px; padding:4px 12px; font-size:12px; font-weight:500; }
.s154 { color:#2b9c93; }
.s155 { grid-column:span 4; background:linear-gradient(120deg,#1a3d43,#0f2529); border:1px solid #234c52; border-radius:16px; padding:28px; color:#EAE8E2; display:flex; align-items:center; gap:28px; flex-wrap:wrap; transition:border-color .25s; }
.s156 { flex:1; min-width:240px; }
.s157 { font-size:16px; line-height:1.6; color:#b8c4c2; margin:0; text-wrap:pretty; }
.s158 { font-family:'Geist Mono',monospace; font-size:12px; color:#7fe7de; border:1px dashed #45c2ba; border-radius:10px; padding:14px 18px; white-space:nowrap; }
.s159 { color:#b8c4c2; }
.s160 { max-width:1200px; width:100%; margin:0 auto; box-sizing:border-box; padding:88px 40px 0; }
.s161 { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr)); gap:20px; align-items:start; }
.s162 { border:1px solid #DFDACE; border-radius:14px; background:#FFFDF9; box-shadow:0 20px 40px -24px rgb(35 38 46 / .25); overflow:hidden; }
.s163 { padding:12px 16px; border-bottom:1px solid #E6E2D8; background:#EFEBE3; display:flex; align-items:center; gap:10px; }
.s164 { margin-left:auto; border:1px solid #DFDACE; border-radius:7px; background:#FFFDF9; color:#8B8F98; font-size:12px; padding:4px 12px; }
.s165 { display:flex; gap:6px; padding:10px 16px; border-bottom:1px solid #F0EDE4; flex-wrap:wrap; font-size:12px; }
.s166 { background:#23262E; color:#F3F0E9; border-radius:999px; padding:3px 11px; }
.s167 { border:1px solid #E6E2D8; border-radius:999px; padding:3px 11px; color:#5C6069; }
.s168 { font-size:13px; }
.s169 { display:flex; align-items:center; gap:11px; padding:10px 16px; border-bottom:1px solid #F0EDE4; }
.s170 { width:28px; height:28px; border-radius:8px; flex:none; display:grid; place-items:center; background:#F5F2EC; border:1px solid #E6E2D8; }
.s171 { color:#8B8F98; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.s172 { color:#2b9c93; font-size:12px; font-weight:500; flex:none; }
.s173 { border:1px solid #DFDACE; border-radius:999px; padding:3px 12px; font-size:12px; color:#5C6069; flex:none; }
.s174 { padding:9px 16px; font-size:12px; color:#8B8F98; text-align:center; }
.s175 { display:flex; flex-direction:column; gap:20px; }
.s176 { background:#16181d; border:1px solid #2a2d34; border-radius:14px; padding:26px; color:#eceef2; }
.s177 { display:flex; align-items:center; gap:10px; margin-bottom:13px; }
.s178 { font-family:'Geist Mono',monospace; font-size:12.5px; color:#7fe7de; }
.s179 { font-size:12px; color:#7fe7de; border:1px solid #2a4a4d; border-radius:999px; padding:2px 9px; }
.s180 { font-family:'Geist Mono',monospace; font-size:12px; line-height:2; color:#84878e; border:1px solid #2a2d34; border-radius:10px; padding:12px 15px; }
.s181 { color:#3a3e48; }
.s182 { background:#FFFDF9; border:1px solid #E6E2D8; border-radius:14px; padding:26px; }
.s183 { font-size:18px; font-weight:600; margin:0 0 9px; letter-spacing:-0.01em; }
.s184 { font-size:16px; line-height:1.6; color:#5C6069; margin:0 0 16px; text-wrap:pretty; }
.s185 { border:1px solid #E6E2D8; background:#F5F2EC; border-radius:999px; padding:4px 13px; font-size:12.5px; font-weight:500; }
.s186 { max-width:1200px; width:100%; margin:0 auto; box-sizing:border-box; padding:88px 40px 0; text-align:center; }
.s187 { font-size:17px; color:#5C6069; margin:0 auto 46px; max-width:540px; text-wrap:pretty; }
.s188 { display:flex; flex-wrap:wrap; gap:16px; justify-content:center; }
.s189 { background:#FFFDF9; border:1px solid #E6E2D8; border-radius:14px; padding:22px 18px 18px; width:158px; display:flex; flex-direction:column; align-items:center; gap:3px; transition:transform .25s cubic-bezier(.2,.7,.2,1), box-shadow .25s; }
.s190 { width:76px; height:76px; display:block; margin-bottom:10px; }
.s191 { max-width:1200px; width:100%; margin:0 auto; box-sizing:border-box; padding:88px 40px 96px; }
.s192 { font-size:clamp(30px,4vw,46px); letter-spacing:-0.025em; font-weight:700; margin:0 0 44px; }
.s193 { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:32px; }
.s194 { border-top:2px solid #23262E; padding-top:18px; }
.s195 { font-family:'Geist Mono',monospace; font-size:14px; color:#8B8F98; margin-bottom:12px; }
.s196 { font-size:18px; font-weight:600; margin:0 0 8px; }
.s197 { font-size:16px; line-height:1.6; color:#5C6069; margin:0; text-wrap:pretty; }
.s198 { background:linear-gradient(180deg,#1a3d43,#0a181b); color:#EAE8E2; position:relative; overflow:hidden; }
.s199 { position:absolute; top:-120px; left:50%; margin-left:-300px; width:600px; height:340px; background:radial-gradient(closest-side, rgb(127 231 222 / .18), transparent 70%); filter:blur(20px); pointer-events:none; }
.s200 { max-width:1200px; margin:0 auto; padding:72px 40px 84px; text-align:center; box-sizing:border-box; position:relative; }
.s201 { display:block; margin:0 auto 26px; }
.s202 { animation:bob 2.6s ease-in-out infinite; }
.s203 { font-size:clamp(30px,4vw,46px); letter-spacing:-0.025em; font-weight:700; margin:0 0 16px; }
.s204 { font-family:'Instrument Serif',serif; font-style:italic; font-weight:400; color:#7fe7de; }
.s205 { font-size:17px; color:#b8c4c2; margin:0 0 32px; }
.s206 { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }
.s207 { background:#eef7f5; color:#12292d; padding:15px 30px; border-radius:11px; font-weight:500; font-size:16px; transition:transform .2s, background .2s; }
.s208 { border:1px solid #45c2ba; color:#eef7f5; padding:15px 30px; border-radius:11px; font-weight:500; font-size:16px; transition:transform .2s, border-color .2s; }
.s209 { margin-top:28px; font-family:'Geist Mono',monospace; font-size:12.5px; color:#7a8a88; }
.s210 { border-top:1px solid #E6E2D8; }
.s211 { max-width:1200px; margin:0 auto; padding:30px 40px; display:flex; justify-content:space-between; align-items:center; gap:24px; flex-wrap:wrap; font-size:14px; color:#6E727A; box-sizing:border-box; }
.s212 { display:flex; align-items:center; gap:9px; }
.s213 { width:20px; height:20px; border-radius:5px; }
.s214 { display:flex; gap:24px; }
.s215 { color:#6E727A; }
.h1:hover { background:#2b9c93; color:#F3F0E9; }
.h2:hover { background:#2b9c93; color:#F3F0E9; transform:translateY(-2px); }
.h3:hover { border-color:#2b9c93; transform:translateY(-2px); }
.h4:hover { color:#23262E; }
.h5:hover { border-color:#7fe7de; color:#eceef2; }
.h6:hover { border-color:#2b9c93; box-shadow:0 16px 32px -20px rgb(35 38 46 / .3); }
.h7:hover { border-color:#7fe7de; box-shadow:0 16px 32px -20px rgb(35 38 46 / .5); }
.h8:hover { border-color:#45c2ba; }
.h9:hover { transform:translateY(-6px) rotate(-1deg); box-shadow:0 18px 36px -18px rgb(35 38 46 / .3); }
.h10:hover { background:#fff; color:#12292d; transform:translateY(-2px); }
.h11:hover { border-color:#7fe7de; color:#eef7f5; transform:translateY(-2px); }
@media (max-width: 900px) {
  .wrap { padding-left:20px; padding-right:20px; }
  .nav-links { gap:16px; }
  .nav-links a:not(:last-child) { display:none; }
  .feature-grid > .span4, .feature-grid > .span2 { grid-column:span 6; }
  .demo-grid { grid-template-columns:1fr; }
  .demo-side { display:none; }
  .tab-bar { overflow-x:auto; scrollbar-width:none; }
  .term { font-size:12px; }
}
@media (max-width: 640px) {
  .board-grid { grid-template-columns:1fr; }
  .turn-track { max-width:100%; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
  html { scroll-behavior:auto; }
}
@font-face{font-family:Geist;src:url('assets/fonts/geist.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:'Geist Mono';src:url('assets/fonts/geist-mono.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:'Instrument Serif';src:url('assets/fonts/instrument-serif-italic.ttf') format('truetype');font-style:italic;font-weight:400;font-display:swap}
html{font-size:100%;scroll-padding-top:90px}
body{overflow-x:clip}
#overview{overflow:clip}
*,*::before,*::after{box-sizing:border-box}
button{font:inherit;cursor:pointer}
[data-tab-btn]{appearance:none;border:0;background:transparent;text-align:inherit;white-space:nowrap;min-height:44px}
[data-tab-btn][aria-selected="true"]{color:#1a6b64;background:#1a6b640a;box-shadow:inset 0 -2px #1a6b64}
[data-demo-action]{font:inherit}
[data-demo-action]:disabled{cursor:default;opacity:.72}
.demo-grid>*{min-width:0}
.term{overflow-x:auto}
.turn-track{width:100%;max-width:288px}
.turn-track>span:nth-of-type(2){left:calc(50% - 22px)}
.turn-track>span:nth-of-type(3){left:auto;right:0}
.turn-track>span:last-child{animation-name:responsiveTurn}
@keyframes responsiveTurn{0%,18%,96%,100%{left:4px}32%,50%{left:calc(50% - 20px)}64%,82%{left:calc(100% - 40px)}}
.preview-note{max-width:760px;margin:18px auto 0;text-align:center;color:#5c6069;font-size:.875rem;line-height:1.6}
.demo-feedback{max-width:760px;margin:12px auto 0;padding:14px 18px;border:1px solid #9cc8bf;border-radius:10px;background:#edf7f3;color:#18564e;font-size:.9375rem;line-height:1.6}
.motion-toggle{display:block;margin:14px auto 0;border:1px solid #bdb7ab;border-radius:999px;padding:8px 14px;color:#444850;background:transparent;font-size:.875rem;min-height:40px}
.motion-paused *,.motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}
.skip-link{position:fixed;left:16px;top:-100px;padding:12px 18px;border-radius:8px;background:#23262e;color:#fff;z-index:100}
.skip-link:focus{top:12px}
.site-header{max-width:1200px;padding:24px 40px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #dfdace}
.wordmark{font-size:1.5rem;font-weight:700;letter-spacing:-.03em}
.wordmark-dot{color:#1a6b64}
.legal-page{max-width:760px;padding:64px 28px 96px;margin:auto;font-size:1rem;line-height:1.7}
.legal-page h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.1;letter-spacing:-.035em}
.legal-page h2{font-size:1.25rem;margin-top:2rem}
.legal-page a:not(.button):not(.wordmark){text-decoration:underline;text-underline-offset:3px;color:#1a6b64}
.kicker{font-size:.8125rem;letter-spacing:.08em;color:#5c6069}
.button{display:inline-block;padding:12px 20px;border:1px solid #23262e;border-radius:10px;font-size:1rem}
.button-dark{background:#23262e;color:#fff}
@media(max-width:640px){
  .wrap{padding-left:20px!important;padding-right:20px!important}
  nav>div{gap:12px!important;padding:12px 16px!important}
  nav>div>div:first-child{gap:8px!important}
  nav>div>div:first-child>span{display:none}
  nav>div>div:first-child>span:first-of-type{display:inline}
  .nav-links{gap:0}
  .nav-links a:last-child{font-size:.8125rem;padding:10px 12px}
  .tab-bar{gap:0!important;width:100%;min-width:0;justify-content:space-between}
  [data-tab-btn]{font-size:.8125rem;padding-left:8px!important;padding-right:8px!important}
  #demo>div>div:first-child{flex-wrap:wrap;row-gap:10px}
  #plugins>div{min-width:0}
  #plugins img{flex-shrink:0}
  #plugins .plugin-row{flex-wrap:wrap}
  #plugins .plugin-desc{white-space:normal}
  .site-header{padding:20px}
  .legal-page{padding:40px 20px 72px}
}
@media(max-width:380px){
  .tab-bar{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}
  [data-tab-btn]{text-align:center}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}