/* GENERATED by spec/tools/build-pages.js from Design's artboards. Do not edit by hand:
   every class below is one inline style from an artboard, byte for byte. Edit the artboard
   (or hand.css for the CSS-only control rules) and rebuild. */

html { scroll-behavior:smooth; }
body { margin:0; background:#0a0a0a; color:#f5f5f5; font-family:'IBM Plex Sans',system-ui,sans-serif; -webkit-font-smoothing:antialiased; }
* { box-sizing:border-box; }
a { color:#3d97d3; text-decoration:none; }
a:hover { color:#6fb4e0; }
input, button { font-family:inherit; }
button { font-family:inherit; }

.s1 { padding:11px 20px;border-radius:999px;font-size:14px;font-weight:500;cursor:pointer;font-family:inherit;transition:border-color .15s ease,background .15s ease;border:1px solid #404040;background:#171717;color:#a3a3a3; }
.s2 { padding:9px 14px;border-radius:7px;border:none;cursor:pointer;font-size:13.5px;font-weight:500;font-family:inherit;background:transparent;color:#8a8a8a; }
.s3 { background:#0a0a0a;color:#f5f5f5;overflow-x:hidden; }
.s4 { display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:20px 24px;max-width:1120px;margin:0 auto; }
.s5 { display:flex;align-items:center;gap:10px; }
.s6 { display:block;height:34px;width:auto; }
.s7 { display:flex;align-items:center;gap:22px;flex-wrap:wrap;font-size:14px;color:#a3a3a3; }
.s8 { color:#a3a3a3; }
.s9 { display:inline-flex;align-items:center;padding:9px 16px;border-radius:8px;background:#3d97d3;color:#06121c;font-weight:500; }
.s10 { padding:72px 24px 88px;max-width:1120px;margin:0 auto; }
.s11 { display:inline-flex;align-items:center;gap:9px;padding:6px 12px;border:1px solid #262626;border-radius:999px;font-family:'IBM Plex Mono',monospace;font-size:12px;color:#a3a3a3;margin-bottom:28px; }
.s12 { width:6px;height:6px;border-radius:50%;background:#3d97d3; }
.s13 { margin:0;font-size:clamp(36px,6vw,64px);line-height:1.05;letter-spacing:-0.03em;font-weight:600;max-width:17ch;text-wrap:balance; }
.s14 { margin:26px 0 0;max-width:56ch;font-size:clamp(17px,1.9vw,21px);line-height:1.5;color:#c8c8c8;text-wrap:pretty; }
.s15 { display:flex;flex-wrap:wrap;gap:12px;margin-top:34px; }
.s16 { display:inline-flex;align-items:center;padding:14px 22px;border-radius:10px;background:#3d97d3;color:#06121c;font-weight:600;font-size:15px; }
.s17 { display:inline-flex;align-items:center;padding:14px 22px;border-radius:10px;border:1px solid #2e2e2e;color:#f5f5f5;font-weight:500;font-size:15px; }
.s18 { display:inline-flex;align-items:center; }
.s19 { display:block;height:49px;width:auto; }
.s20 { margin:18px 0 0;font-family:'IBM Plex Mono',monospace;font-size:12.5px;color:#8a8a8a; }
.s21 { display:block;margin-top:28px;padding:20px 22px;background:#141b21;border:1px solid #3d97d3;border-radius:12px;color:#f5f5f5;max-width:640px; }
.s22 { display:block;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:0.08em;color:#3d97d3;font-weight:500;margin-bottom:10px; }
.s23 { display:block;font-size:15.5px;line-height:1.5; }
.s24 { font-weight:600; }
.s25 { display:block;margin-top:12px;font-size:14px;font-weight:600;color:#3d97d3; }
.s26 { margin-top:64px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px; }
.s27 { background:#111111;border:1px solid #262626;border-radius:14px;padding:26px 24px; }
.s28 { font-family:'IBM Plex Mono',monospace;font-size:12px;color:#8a8a8a;margin-bottom:10px; }
.s29 { font-size:16px;font-weight:500;margin-bottom:8px; }
.s30 { margin:0;font-size:14.5px;line-height:1.55;color:#a3a3a3; }
.s31 { padding:88px 24px;border-top:1px solid #1a1a1a; }
.s32 { max-width:1120px;margin:0 auto; }
.s33 { font-family:'IBM Plex Mono',monospace;font-size:12px;color:#3d97d3;letter-spacing:0.08em;margin-bottom:18px; }
.s34 { margin:0;font-size:clamp(28px,3.8vw,44px);line-height:1.12;letter-spacing:-0.02em;font-weight:600;max-width:20ch;text-wrap:balance; }
.s35 { margin:20px 0 0;max-width:58ch;font-size:17px;line-height:1.6;color:#a3a3a3;text-wrap:pretty; }
.s36 { margin-top:44px;background:linear-gradient(180deg,#141b21,#111416);border:1px solid #23323c;border-radius:16px;padding:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px;align-items:center; }
.s37 { font-family:'IBM Plex Mono',monospace;font-size:12px;color:#3d97d3;letter-spacing:0.08em;margin-bottom:12px; }
.s38 { margin:0;font-size:clamp(19px,2.3vw,26px);line-height:1.4;font-weight:500;letter-spacing:-0.01em;text-wrap:pretty; }
.s39 { margin:0;font-size:15px;line-height:1.6;color:#a3a3a3;text-wrap:pretty; }
.s40 { padding:88px 24px;border-top:1px solid #1a1a1a;background:#0c0c0c; }
.s41 { margin:0;font-size:clamp(28px,3.8vw,44px);line-height:1.12;letter-spacing:-0.02em;font-weight:600;max-width:22ch;text-wrap:balance; }
.s42 { margin:20px 0 0;max-width:56ch;font-size:17px;line-height:1.6;color:#a3a3a3; }
.s43 { display:flex;align-items:center;gap:9px;margin:36px 0 12px;font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:0.07em;color:#8a8a8a; }
.s44 { display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px; }
.s45 { display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;align-items:start; }
.s46 { display:flex;flex-direction:column;align-items:center;gap:12px; }
.s47 { width:372px;max-width:100%; }
.s48 { width:372px;background:#0a0a0a;border:1px solid #2e2e2e;border-radius:28px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,0.6);max-width:100%; }
.s49 { display:flex;flex-direction:column;min-height:560px; }
.s50 { padding:14px 20px 12px;border-bottom:1px solid #262626;display:flex;align-items:center;justify-content:space-between;gap:10px; }
.s51 { font-size:13px;color:#737373; }
.s52 { font-size:13px;color:#737373;text-decoration:underline; }
.s53 { font-size:13px;color:#3d97d3;font-weight:600;font-variant-numeric:tabular-nums; }
.s54 { flex:1; }
.s55 { padding:22px 20px 0; }
.s56 { font-size:26px;font-weight:700;letter-spacing:-.025em;text-wrap:pretty; }
.s57 { font-size:13px;color:#737373;line-height:1.5;margin-top:6px; }
.s58 { font-size:13px;color:#a3a3a3;margin-top:9px;font-variant-numeric:tabular-nums; }
.s59 { display:flex;gap:8px;margin-top:12px;flex-wrap:wrap; }
.s60 { background:#171717;border:1px solid #404040;color:#a3a3a3;font-size:12px;padding:8px 13px;border-radius:999px;display:flex;align-items:center;gap:7px; }
.s61 { background:#171717;border:1px solid #262626;color:#737373;font-size:12px;padding:8px 13px;border-radius:999px; }
.s62 { padding:18px 20px 0;display:flex;flex-direction:column;gap:8px; }
.s63 { background:#171717;border-radius:12px;padding:14px 15px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid #4eba6f; }
.s64 { font-size:12px;color:#737373;width:38px;flex-shrink:0; }
.s65 { display:flex;align-items:baseline;gap:6px;flex:1;min-width:0; }
.s66 { width:80px;height:45px;box-sizing:border-box;display:flex;align-items:center;background:#0a0a0a;border:1px solid #404040;border-radius:7px;padding:7px 8px;font-size:22px;font-weight:700;font-variant-numeric:tabular-nums; }
.s67 { font-size:12px;color:#737373; }
.s68 { font-size:12px;color:#525252;margin:0 4px; }
.s69 { width:70px;height:45px;box-sizing:border-box;display:flex;align-items:center;background:#0a0a0a;border:1px solid #404040;border-radius:7px;padding:7px 8px;font-size:22px;font-weight:700;font-variant-numeric:tabular-nums; }
.s70 { width:36px;height:36px;border-radius:999px;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#4eba6f;color:#0a0a0a; }
.s71 { background:#171717;border-radius:12px;padding:14px 15px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid #404040; }
.s72 { width:36px;height:36px;border-radius:999px;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#262626;color:#737373; }
.s73 { display:flex;justify-content:space-between;padding:2px 4px; }
.s74 { font-size:12px;color:#525252; }
.s75 { padding:14px 20px 20px; }
.s76 { background:#171717;border:1px solid #262626;border-radius:12px;padding:13px 15px; }
.s77 { font-size:11px;color:#737373;letter-spacing:.05em;text-transform:uppercase;font-weight:600; }
.s78 { font-size:13px;font-weight:500;margin-top:4px; }
.s79 { font-size:12px;color:#737373;margin-top:3px; }
.s80 { padding:0 20px 22px;display:flex;gap:8px;align-items:center; }
.s81 { flex:0 0 auto;padding:14px 18px;border-radius:12px;border:1px solid #404040;background:#0a0a0a;color:#a3a3a3;font-size:13px; }
.s82 { flex:1;padding:14px 0;border-radius:12px;color:#0a0a0a;font-size:14px;font-weight:600;text-align:center;background:#3d97d3; }
.s83 { font-family:'IBM Plex Mono',monospace;font-size:11px;color:#8a8a8a;text-align:center;max-width:372px;line-height:1.5; }
.s84 { padding-top:8px; }
.s85 { font-family:'IBM Plex Mono',monospace;font-size:12px;color:#8a8a8a;letter-spacing:0.06em;margin-bottom:14px; }
.s86 { margin:0;font-size:clamp(22px,2.6vw,30px);line-height:1.22;letter-spacing:-0.02em;font-weight:600;text-wrap:pretty; }
.s87 { margin:18px 0 0;font-size:16px;line-height:1.62;color:#c0c0c0;text-wrap:pretty; }
.s88 { margin-top:24px;border-left:2px solid #3d97d3;padding-left:16px;display:flex;flex-direction:column;gap:8px; }
.s89 { font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:#8a8a8a;letter-spacing:0.06em; }
.s90 { font-family:'IBM Plex Mono',monospace;font-size:13px;color:#d0d0d0;line-height:1.5; }
.s91 { margin-top:28px;width:100%;padding:15px 18px;border-radius:12px;border:1px solid #404040;background:#171717;color:#f5f5f5;font-family:inherit;font-size:15px;font-weight:500;cursor:pointer;display:flex;justify-content:space-between;align-items:center; }
.s92 { color:#3d97d3; }
.s93 { padding:20px 16px 22px;min-height:560px;display:flex;flex-direction:column; }
.s94 { font-size:10px;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;color:#737373;margin-bottom:12px; }
.s95 { display:flex;flex-direction:column;gap:8px; }
.s96 { padding:12px 14px;border-radius:12px;display:flex;align-items:flex-start;gap:12px;background:rgba(78,186,111,.18);border:1px solid #2f7043; }
.s97 { width:24px;height:24px;border-radius:999px;flex-shrink:0;margin-top:2px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;background:#4eba6f;color:#0a0a0a;border:1px solid #4eba6f; }
.s98 { flex:1;min-width:0;text-align:left; }
.s99 { display:flex;justify-content:space-between;gap:10px;align-items:baseline; }
.s100 { font-size:14px;font-weight:500;color:#f5f5f5; }
.s101 { font-size:12px;color:#a3a3a3;flex-shrink:0; }
.s102 { display:block;font-size:12px;color:#737373;margin-top:3px;line-height:1.45; }
.s103 { display:block;font-size:12px;color:#525252;margin-top:4px; }
.s104 { padding:12px 14px;border-radius:12px;display:flex;align-items:flex-start;gap:12px;background:#171717;border:1px solid #262626; }
.s105 { width:24px;height:24px;border-radius:999px;flex-shrink:0;margin-top:2px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;border:1px solid #525252;color:transparent; }
.s106 { margin-top:14px;padding:13px 0;text-align:center;border:1px solid #262626;border-radius:10px;font-size:13px;color:#a3a3a3; }
.s107 { margin-top:auto;padding-top:16px;font-size:12px;color:#737373;line-height:1.5; }
.s108 { padding:12px 14px;border-radius:12px;display:flex;align-items:flex-start;gap:12px;background:#141414;border:1px solid #333; }
.s109 { width:24px;height:24px;border-radius:999px;flex-shrink:0;margin-top:2px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;background:#525252;color:#0a0a0a;border:1px solid #525252; }
.s110 { font-size:14px;font-weight:500;color:#737373; }
.s111 { padding:20px 16px 22px;min-height:560px;display:flex;flex-direction:column;gap:12px; }
.s112 { font-size:10px;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;color:#8a8a8a;margin-bottom:2px; }
.s113 { background:#171717;border:1px solid #262626;border-radius:12px;padding:16px; }
.s114 { font-size:13px;color:#a3a3a3;margin-bottom:8px; }
.s115 { display:flex;align-items:baseline;gap:6px; }
.s116 { font-size:26px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums; }
.s117 { font-size:14px;color:#8a8a8a; }
.s118 { margin-top:11px;height:6px;border-radius:999px;background:#0a0a0a;overflow:hidden; }
.s119 { width:95%;height:100%;background:#3d97d3; }
.s120 { margin-top:9px;font-size:12px;color:#f0b429; }
.s121 { background:rgba(240,180,41,.1);border:1px solid #6b5410;border-radius:12px;padding:13px 14px; }
.s122 { font-size:13px;font-weight:600;color:#f0b429;margin-bottom:6px; }
.s123 { margin:0;font-size:12.5px;line-height:1.5;color:#e0cfa4; }
.s124 { margin-top:9px;font-size:11.5px;color:#c8a24a;font-family:'IBM Plex Mono',monospace; }
.s125 { background:#171717;border:1px solid #262626;border-radius:12px;padding:14px 15px; }
.s126 { font-size:13px;font-weight:600;margin-bottom:5px; }
.s127 { font-size:12.5px;color:#a3a3a3; }
.s128 { font-size:12.5px;color:#a3a3a3;margin-bottom:9px; }
.s129 { display:flex;gap:8px; }
.s130 { flex:1;text-align:center;border:1px solid #262626;border-radius:8px;padding:8px 0;font-size:12px;color:#d4d4d4; }
.s131 { margin-top:9px;font-size:12px;color:#3d97d3; }
.s132 { margin:20px 0 0;max-width:56ch;font-size:17px;line-height:1.6;color:#a3a3a3;text-wrap:pretty; }
.s133 { margin-top:44px;display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:16px; }
.s134 { background:#141414;border:1px solid #262626;border-radius:16px;padding:30px 26px; }
.s135 { font-size:19px;font-weight:600;line-height:1.3;letter-spacing:-0.01em;margin-bottom:10px;text-wrap:pretty; }
.s136 { font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:#3d97d3;letter-spacing:0.06em;margin-bottom:14px; }
.s137 { margin:0;font-size:15px;line-height:1.6;color:#a3a3a3; }
.s138 { margin:0;font-size:clamp(30px,4.6vw,52px);line-height:1.08;letter-spacing:-0.025em;font-weight:600;max-width:20ch;text-wrap:balance; }
.s139 { margin:24px 0 0;max-width:62ch;font-size:17px;line-height:1.6;color:#a3a3a3;text-wrap:pretty; }
.s140 { margin-top:40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px; }
.s141 { background:#141414;border:1px solid #6b5410;border-radius:14px;padding:26px 24px; }
.s142 { font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:#f0b429;letter-spacing:0.06em;margin-bottom:12px; }
.s143 { font-size:17px;font-weight:600;margin-bottom:14px; }
.s144 { display:flex;flex-direction:column;gap:11px; }
.s145 { font-size:13.5px;font-weight:500;margin-bottom:3px; }
.s146 { font-family:'IBM Plex Mono',monospace;font-size:12.5px;color:#a3a3a3; }
.s147 { color:#8a8a8a; }
.s148 { color:#f0b429; }
.s149 { margin:16px 0 0;font-size:14px;line-height:1.55;color:#a3a3a3; }
.s150 { background:#141414;border:1px solid #262626;border-radius:14px;padding:26px 24px; }
.s151 { font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:#8a8a8a;letter-spacing:0.06em;margin-bottom:12px; }
.s152 { display:flex;flex-direction:column;gap:14px; }
.s153 { font-family:'IBM Plex Mono',monospace;font-size:12px;color:#8a8a8a;margin-bottom:5px; }
.s154 { display:flex;align-items:baseline;gap:8px; }
.s155 { font-size:26px;font-weight:600;font-variant-numeric:tabular-nums; }
.s156 { font-size:15px;color:#8a8a8a;white-space:nowrap;flex-shrink:0; }
.s157 { background:linear-gradient(180deg,#141b21,#111416);border:1px solid #3d97d3;border-radius:14px;padding:26px 24px; }
.s158 { font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:#3d97d3;letter-spacing:0.06em;margin-bottom:12px; }
.s159 { font-size:13.5px;font-weight:500;margin-bottom:3px;color:#d4e3ed; }
.s160 { font-family:'IBM Plex Mono',monospace;font-size:12.5px;color:#a9c4d6; }
.s161 { margin:16px 0 0;font-size:14px;line-height:1.55;color:#a9c4d6; }
.s162 { margin-top:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;align-items:start; }
.s163 { margin:0;font-size:clamp(19px,2.2vw,25px);line-height:1.4;font-weight:500;letter-spacing:-0.01em;text-wrap:pretty; }
.s164 { margin:0 0 14px;font-size:15.5px;line-height:1.62;color:#a3a3a3;text-wrap:pretty; }
.s165 { margin:0 0 40px;font-size:clamp(28px,3.8vw,44px);line-height:1.12;letter-spacing:-0.02em;font-weight:600;max-width:26ch;text-wrap:balance; }
.s166 { display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:28px;align-items:start; }
.s167 { margin:0;font-size:15.5px;line-height:1.6;color:#c0c0c0;text-wrap:pretty; }
.s168 { margin:14px 0 0;font-size:15.5px;line-height:1.6;color:#c0c0c0;text-wrap:pretty; }
.s169 { max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:44px;align-items:start; }
.s170 { margin:0;font-size:clamp(28px,3.8vw,42px);line-height:1.12;letter-spacing:-0.02em;font-weight:600;text-wrap:balance; }
.s171 { margin:20px 0 0;font-size:16.5px;line-height:1.6;color:#c0c0c0;text-wrap:pretty; }
.s172 { margin:16px 0 0;font-size:16.5px;line-height:1.6;color:#c0c0c0;text-wrap:pretty; }
.s173 { margin:20px 0 0;font-size:16.5px;line-height:1.6; }
.s174 { display:flex;flex-direction:column;gap:1px;background:#262626;border:1px solid #262626;border-radius:14px;overflow:hidden; }
.s175 { background:#171717;padding:20px 22px; }
.s176 { font-size:15px;font-weight:500;margin-bottom:6px; }
.s177 { margin:0;font-size:clamp(28px,3.8vw,42px);line-height:1.12;letter-spacing:-0.02em;font-weight:600;max-width:22ch;text-wrap:balance; }
.s178 { margin-top:36px;display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:16px; }
.s179 { background:#111;border:1px solid #262626;border-radius:14px;padding:26px 24px; }
.s180 { font-size:16px;font-weight:600;margin-bottom:12px; }
.s181 { margin:0 0 12px;font-size:14.5px;line-height:1.55;color:#a3a3a3; }
.s182 { margin:0;font-family:'IBM Plex Mono',monospace;font-size:12.5px;line-height:1.6;color:#8a8a8a; }
.s183 { margin-top:44px;padding-top:44px;border-top:1px solid #262626;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;align-items:start; }
.s184 { margin:0;font-size:clamp(28px,4.2vw,46px);line-height:1.1;letter-spacing:-0.025em;font-weight:600;text-wrap:balance; }
.s185 { margin:0;font-size:16.5px;line-height:1.62;color:#a3a3a3;text-wrap:pretty; }
.s186 { margin:0;font-size:16.5px;line-height:1.62;color:#c0c0c0;text-wrap:pretty; }
.s187 { margin:16px 0 0;font-size:16.5px;line-height:1.62;color:#c0c0c0;text-wrap:pretty; }
.s188 { display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap; }
.s189 { margin:0;font-size:clamp(28px,3.8vw,42px);line-height:1.12;letter-spacing:-0.02em;font-weight:600;max-width:20ch;text-wrap:balance; }
.s190 { display:flex;gap:4px;padding:4px;background:#141414;border:1px solid #262626;border-radius:10px; }
.s191 { margin:20px 0 0;max-width:58ch;font-size:16.5px;line-height:1.6;color:#a3a3a3;text-wrap:pretty; }
.s192 { margin-top:38px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px; }
.s193 { background:#171717;border:1px solid #262626;border-radius:16px;padding:28px;display:flex;flex-direction:column; }
.s194 { font-size:15px;font-weight:600;margin-bottom:6px; }
.s195 { font-family:'IBM Plex Mono',monospace;font-size:13px;color:#8a8a8a;margin-bottom:18px; }
.s196 { font-size:34px;font-weight:600;letter-spacing:-0.02em;margin-bottom:20px; }
.s197 { margin:0 0 18px;font-size:14.5px;line-height:1.55;color:#c0c0c0; }
.s198 { display:flex;flex-direction:column;gap:9px;font-size:14px;color:#a3a3a3;line-height:1.5; }
.s199 { display:flex;align-items:baseline;gap:8px;margin-bottom:20px; }
.s200 { font-size:34px;font-weight:600;letter-spacing:-0.02em; }
.s201 { font-family:'IBM Plex Mono',monospace;font-size:13px;color:#8a8a8a; }
.s202 { background:#141b21;border:1px solid #3d97d3;border-radius:16px;padding:28px;display:flex;flex-direction:column; }
.s203 { display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px; }
.s204 { font-size:15px;font-weight:600; }
.s205 { font-family:'IBM Plex Mono',monospace;font-size:11px;color:#06121c;background:#3d97d3;padding:3px 8px;border-radius:999px; }
.s206 { font-family:'IBM Plex Mono',monospace;font-size:13px;color:#8fb8d4;margin-bottom:18px; }
.s207 { font-family:'IBM Plex Mono',monospace;font-size:13px;color:#8fb8d4; }
.s208 { margin:0 0 18px;font-size:14.5px;line-height:1.55;color:#d4e3ed; }
.s209 { display:flex;flex-direction:column;gap:9px;font-size:14px;color:#a9c4d6;line-height:1.5; }
.s210 { font-size:24px;font-weight:600;letter-spacing:-0.02em;margin-bottom:20px; }
.s211 { margin-top:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;font-size:14px;line-height:1.55;color:#a3a3a3; }
.s212 { background:#111;border:1px solid #1f1f1f;border-radius:12px;padding:18px 20px; }
.s213 { color:#f5f5f5;font-weight:500; }
.s214 { margin:20px 0 0;max-width:60ch;font-size:17px;line-height:1.6;color:#a3a3a3;text-wrap:pretty; }
.s215 { margin-top:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;font-size:14.5px;line-height:1.55;color:#a3a3a3; }
.s216 { max-width:720px;margin:0 auto; }
.s217 { margin:0;font-size:clamp(26px,3.4vw,38px);line-height:1.15;letter-spacing:-0.02em;font-weight:600;text-wrap:balance; }
.s218 { margin:22px 0 0;font-size:17px;line-height:1.65;color:#c0c0c0;text-wrap:pretty; }
.s219 { margin:16px 0 0;font-size:17px;line-height:1.65;color:#c0c0c0;text-wrap:pretty; }
.s220 { max-width:640px;margin:0 auto;text-align:center; }
.s221 { margin:0;font-size:clamp(28px,4vw,44px);line-height:1.1;letter-spacing:-0.02em;font-weight:600;text-wrap:balance; }
.s222 { margin:20px 0 26px;font-size:17px;line-height:1.6;color:#a3a3a3;text-wrap:pretty; }
.s223 { margin:0 auto 32px;max-width:520px;display:flex;flex-direction:column;gap:1px;background:#262626;border:1px solid #262626;border-radius:12px;overflow:hidden;text-align:left; }
.s224 { background:#141b21;padding:10px 20px 8px;font-size:11px;font-weight:600;letter-spacing:0.12em;color:#8a9aa6; }
.s225 { background:#141b21;padding:14px 20px;font-size:15px;line-height:1.5;color:#d4e3ed;text-wrap:pretty; }
.s226 { font-weight:600;color:#f5f5f5; }
.s227 { background:#10161b;padding:10px 20px 8px;font-size:11px;font-weight:600;letter-spacing:0.12em;color:#8a9aa6; }
.s228 { background:#10161b;padding:14px 20px 18px;font-size:15px;line-height:1.5;color:#d4e3ed;text-wrap:pretty;display:flex;flex-direction:column;gap:10px; }
.s229 { display:flex;flex-direction:column;gap:4px;padding-left:14px;border-left:2px solid #2e3a44;color:#f5f5f5; }
.s230 { color:#a3b3bf; }
.s231 { margin:0 auto 18px;max-width:520px;font-size:15px;line-height:1.55;color:#a3a3a3;text-wrap:pretty; }
.s232 { display:flex;gap:10px;flex-wrap:wrap;justify-content:center; }
.s233 { flex:1 1 260px;min-width:0;padding:15px 18px;border-radius:10px;border:1px solid #2e2e2e;background:#141414;color:#f5f5f5;font-size:15px; }
.s234 { padding:15px 26px;border-radius:10px;border:none;background:#3d97d3;color:#06121c;font-size:15px;font-weight:600;cursor:pointer; }
.s235 { padding:22px;border:1px solid #23323c;background:#141b21;border-radius:12px;font-size:16px;line-height:1.55;color:#d4e3ed; }
.s236 { margin:18px 0 0;font-family:'IBM Plex Mono',monospace;font-size:12px;color:#8a8a8a; }
.s237 { margin-top:56px;padding-top:40px;border-top:1px solid #262626;text-align:left; }
.s238 { font-family:'IBM Plex Mono',monospace;font-size:12px;color:#8a8a8a;letter-spacing:0.08em;margin-bottom:18px; }
.s239 { margin:0 0 14px;font-size:clamp(22px,2.8vw,30px);line-height:1.15;letter-spacing:-0.02em;font-weight:600;text-wrap:balance; }
.s240 { margin:0 0 24px;font-size:16px;line-height:1.6;color:#a3a3a3;text-wrap:pretty; }
.s241 { display:flex;flex-direction:column;gap:12px; }
.s242 { background:#141414;border:1px solid #262626;border-radius:12px;padding:18px 20px; }
.s243 { font-size:15.5px;font-weight:600;margin-bottom:6px; }
.s244 { max-width:800px;margin:0 auto; }
.s245 { margin:0 0 34px;font-size:clamp(28px,3.8vw,42px);line-height:1.12;letter-spacing:-0.02em;font-weight:600; }
.s246 { background:#141414; }
.s247 { width:100%;display:flex;justify-content:space-between;gap:16px;align-items:center;text-align:left;padding:20px 22px;background:transparent;border:none;color:#f5f5f5;font-size:16px;font-weight:500;cursor:pointer; }
.s248 { color:#8a8a8a;font-family:'IBM Plex Mono',monospace; }
.s249 { margin:0;padding:0 22px 22px;font-size:15.5px;line-height:1.62;color:#b8b8b8;max-width:64ch; }
.s250 { position:fixed;right:20px;bottom:20px;z-index:50;display:flex;align-items:center;gap:7px;padding:11px 15px;border-radius:999px;border:1px solid #2e2e2e;background:#171717;color:#f5f5f5;font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.5);opacity:1;transform:translateY(0);pointer-events:auto; }
.s251 { padding:56px 24px 72px;border-top:1px solid #1a1a1a; }
.s252 { max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;align-items:start; }
.s253 { display:flex;align-items:center;gap:10px;margin-bottom:14px; }
.s254 { display:block;height:28px;width:auto; }
.s255 { margin:0;font-size:13.5px;line-height:1.6;color:#7a7a7a;max-width:36ch; }
.s256 { display:flex;gap:18px;flex-wrap:wrap;margin-top:16px;font-size:13.5px; }
.s257 { display:inline-block;margin-top:18px; }
.s258 { display:block;height:40px;width:auto; }
.s259 { border:1px solid #262626;border-radius:12px;padding:22px 24px;background:#111; }
.s260 { font-size:14px;font-weight:600;margin-bottom:10px; }
.s261 { margin:0;font-size:13.5px;line-height:1.6;color:#a3a3a3;text-wrap:pretty; }
.s262 { padding:11px 20px;border-radius:999px;font-size:14px;font-weight:500;cursor:pointer;font-family:inherit;transition:border-color .15s ease,background .15s ease;border:1px solid #3d97d3;background:#3d97d3;color:#06121c; }
.s263 { padding:9px 14px;border-radius:7px;border:none;cursor:pointer;font-size:13.5px;font-weight:500;font-family:inherit;background:#262626;color:#f5f5f5; }
.s264 { padding:9px 16px;border-radius:999px;font-size:13.5px;font-weight:500;cursor:pointer;font-family:inherit;border:1px solid #262626;background:transparent;color:#a3a3a3; }
.s265 { display:block; }
.s266 { display:block;height:30px;width:auto; }
.s267 { margin:26px 0 0;max-width:58ch;font-size:clamp(17px,1.9vw,21px);line-height:1.5;color:#c8c8c8;text-wrap:pretty; }
.s268 { margin-top:36px;display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:40px;align-items:start; }
.s269 { margin:0 0 16px;font-size:16.5px;line-height:1.62;color:#c8c8c8;text-wrap:pretty; }
.s270 { margin:0;font-size:16.5px;line-height:1.62;color:#c8c8c8;text-wrap:pretty; }
.s271 { margin-top:24px;display:flex;flex-direction:column;gap:16px; }
.s272 { background:#171717;border:1px solid #262626;border-radius:14px;padding:22px 24px; }
.s273 { font-size:16px;font-weight:600;margin-bottom:9px; }
.s274 { margin:0;font-size:15.5px;line-height:1.6;color:#a3a3a3;text-wrap:pretty; }
.s275 { display:flex;flex-direction:column;align-items:center;gap:14px; }
.s276 { display:flex;gap:8px;flex-wrap:wrap;justify-content:center; }
.s277 { width:372px;max-width:100%;background:#0a0a0a;border:1px solid #2e2e2e;border-radius:24px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.6); }
.s278 { padding:16px 14px;display:flex;flex-direction:column;gap:14px; }
.s279 { border:1px solid #f0b429;border-radius:12px;padding:14px 15px; }
.s280 { font-size:15px;font-weight:600;color:#f0b429;margin-bottom:8px; }
.s281 { margin:0 0 12px;font-size:12.5px;line-height:1.5;color:#c8c8c8; }
.s282 { display:flex;gap:8px;margin-bottom:8px; }
.s283 { flex:1;background:#141414;border:1px solid #333;border-radius:8px;padding:9px 10px;font-size:12.5px;color:#8a8a8a; }
.s284 { background:#141414;border:1px solid #333;border-radius:8px;padding:9px 10px;font-size:12.5px;color:#8a8a8a;margin-bottom:10px; }
.s285 { display:inline-block;background:#3d97d3;color:#0a0a0a;font-size:12.5px;font-weight:600;padding:9px 14px;border-radius:8px; }
.s286 { border:1px solid #262626;border-radius:10px;padding:12px;text-align:center;font-size:13px;color:#d4d4d4; }
.s287 { background:#141414;border:1px solid #262626;border-radius:12px;padding:14px 15px; }
.s288 { font-size:13.5px;font-weight:600; }
.s289 { font-size:12px;color:#8a8a8a; }
.s290 { font-size:12.5px;color:#a3a3a3;margin-top:5px; }
.s291 { display:flex;gap:8px;margin-top:11px; }
.s292 { flex:1;text-align:center;border-radius:8px;padding:9px 0;font-size:12.5px;border:1px solid #262626;color:#d4d4d4; }
.s293 { flex:1;text-align:center;border:1px solid #262626;border-radius:8px;padding:9px 0;font-size:12.5px;color:#d4d4d4; }
.s294 { margin-top:8px;text-align:center;border:1px solid #f87171;border-radius:8px;padding:9px 0;font-size:12.5px;color:#f87171; }
.s295 { flex:1;background:#141414;border:1px solid #262626;border-radius:8px;padding:10px 11px;font-size:12.5px;color:#8a8a8a; }
.s296 { border:1px solid #262626;border-radius:8px;padding:10px 16px;font-size:12.5px;color:#d4d4d4; }
.s297 { margin:0;font-size:12px;line-height:1.5;color:#8a8a8a; }
.s298 { margin-top:18px;border-top:1px solid #1f1f1f;background:#171717;display:flex;padding:8px 2px 10px; }
.s299 { flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 2px;border-radius:8px;color:#737373;border:1px solid transparent; }
.s300 { font-size:9.5px; }
.s301 { flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 2px;border-radius:8px;color:#3d97d3;border:1px solid #2e2e2e; }
.s302 { flex:1;text-align:center;border-radius:8px;padding:9px 0;font-size:12.5px;border:1px solid #f5f5f5;color:#f5f5f5; }
.s303 { margin-top:14px;padding-top:14px;border-top:1px solid #262626;display:flex;flex-direction:column;gap:11px; }
.s304 { border:1px solid #262626;border-radius:9px;padding:11px;text-align:center;font-size:12.5px;color:#d4d4d4; }
.s305 { background:#3d97d3;color:#0a0a0a;font-size:12.5px;font-weight:600;padding:8px 15px;border-radius:999px; }
.s306 { border:1px solid #404040;color:#d4d4d4;font-size:12.5px;font-weight:500;padding:8px 15px;border-radius:999px; }
.s307 { display:block;font-size:11.5px;color:#8a8a8a;margin-bottom:4px; }
.s308 { display:block;background:#0a0a0a;border:1px solid #333;border-radius:8px;padding:9px 10px;font-size:14px;font-weight:500; }
.s309 { display:flex;justify-content:space-between;align-items:center;gap:6px;background:#0a0a0a;border:1px solid #333;border-radius:8px;padding:9px 10px;font-size:14px;font-weight:500; }
.s310 { margin:0;font-size:11.5px;line-height:1.5;color:#8a8a8a; }
.s311 { margin:0;font-size:11.5px;color:#8a8a8a; }
.s312 { background:#0a0a0a;border:1px solid #333;border-radius:8px;padding:10px;font-size:12.5px;color:#8a8a8a; }
.s313 { display:flex;gap:7px; }
.s314 { flex:1;min-width:0; }
.s315 { display:block;font-size:11px;color:#8a8a8a;margin-bottom:4px; }
.s316 { display:block;background:#0a0a0a;border:1px solid #333;border-radius:8px;height:34px; }
.s317 { background:#3d97d3;color:#0a0a0a;border-radius:9px;padding:12px 0;text-align:center;font-size:13.5px;font-weight:600; }
.s318 { margin:0;font-size:clamp(28px,3.8vw,44px);line-height:1.12;letter-spacing:-0.02em;font-weight:600;max-width:24ch;text-wrap:balance; }
.s319 { margin-top:36px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px; }
.s320 { background:#141414;border:1px solid #262626;border-radius:14px;padding:28px 26px; }
.s321 { font-size:17px;font-weight:600;margin-bottom:10px; }
.s322 { margin:0;font-size:15.5px;line-height:1.6;color:#a3a3a3; }
.s323 { margin-top:36px;display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:28px;align-items:start; }
.s324 { background:linear-gradient(180deg,#141b21,#111416);border:1px solid #23323c;border-radius:14px;padding:28px; }
.s325 { margin:0;font-size:15.5px;line-height:1.6;color:#d4e3ed;text-wrap:pretty; }
.s326 { max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:44px;align-items:start; }
.s327 { background:#171717;border:1px solid #262626;border-radius:16px;padding:28px; }
.s328 { margin:0 0 18px;font-size:15px;line-height:1.6;color:#c8c8c8; }
.s329 { display:flex;flex-direction:column;gap:9px;font-size:14.5px;color:#a3a3a3;line-height:1.5; }
.s330 { background:#141b21;border:1px solid #3d97d3;border-radius:16px;padding:28px; }
.s331 { margin:0 0 18px;font-size:15px;line-height:1.6;color:#d4e3ed; }
.s332 { display:flex;flex-direction:column;gap:9px;font-size:14.5px;color:#a9c4d6;line-height:1.5; }
.s333 { padding:104px 24px;border-top:1px solid #1a1a1a;background:#0c0c0c; }
.s334 { max-width:900px;margin:0 auto;text-align:center; }
.s335 { margin:0;font-size:clamp(26px,4.2vw,46px);line-height:1.15;letter-spacing:-0.025em;font-weight:600;text-wrap:balance; }
.s336 { margin:20px 0 32px;font-size:17px;line-height:1.6;color:#a3a3a3;text-wrap:pretty; }
.s337 { position:fixed;right:20px;bottom:20px;z-index:50;display:flex;align-items:center;gap:7px;padding:11px 15px;border-radius:999px;border:1px solid #2e2e2e;background:#171717;color:#f5f5f5;font-size:13px;font-weight:500;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.5);opacity:1;transform:translateY(0);pointer-events:auto; }
.s338 { display:block;height:26px;width:auto;margin-bottom:14px; }
.s339 { margin:0;font-size:13.5px;line-height:1.6;color:#8a8a8a;max-width:36ch; }
.s340 { padding:9px 16px;border-radius:999px;font-size:13.5px;font-weight:500;cursor:pointer;font-family:inherit;border:1px solid #3d97d3;background:#3d97d3;color:#06121c; }
.s341 { background:#0a0a0a;color:#f5f5f5;min-height:100vh; }
.s342 { border-bottom:1px solid #1a1a1a; }
.s343 { max-width:820px;margin:0 auto;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap; }
.s344 { display:block;height:26px;width:auto; }
.s345 { display:flex;gap:18px;flex-wrap:wrap;font-size:14px; }
.s346 { max-width:820px;margin:0 auto;padding:56px 24px 88px; }
.s347 { margin:0;font-size:clamp(30px,4.6vw,48px);line-height:1.1;letter-spacing:-0.025em;font-weight:600;max-width:20ch;text-wrap:balance; }
.s348 { margin:22px 0 0;max-width:60ch;font-size:17.5px;line-height:1.6;color:#c0c0c0;text-wrap:pretty; }
.s349 { margin-top:36px;display:flex;flex-direction:column;gap:1px;background:#262626;border:1px solid #262626;border-radius:14px;overflow:hidden; }
.s350 { width:100%;display:flex;justify-content:space-between;gap:16px;align-items:center;text-align:left;padding:20px 22px;background:transparent;border:none;color:#f5f5f5;cursor:pointer; }
.s351 { display:flex;align-items:baseline;gap:12px;min-width:0; }
.s352 { font-family:'IBM Plex Mono',monospace;font-size:12px;color:#8a8a8a;flex-shrink:0; }
.s353 { font-size:16.5px;font-weight:500; }
.s354 { color:#8a8a8a;font-family:'IBM Plex Mono',monospace;flex-shrink:0; }
.s355 { padding:0 22px 24px 56px;display:flex;flex-direction:column;gap:14px; }
.s356 { margin:0;font-size:15.5px;line-height:1.65;color:#c0c0c0;max-width:62ch;text-wrap:pretty; }
.s357 { background:#0a0a0a;border:1px solid #262626;border-radius:10px;padding:14px 16px;font-size:14.5px;line-height:1.6;color:#a3a3a3;max-width:62ch; }
.s358 { margin-top:32px;background:#171717;border:1px solid #262626;border-radius:14px;padding:26px 24px; }
.s359 { font-size:16.5px;font-weight:600;margin-bottom:9px; }
.s360 { margin-top:44px;display:flex;flex-wrap:wrap;gap:12px;align-items:center; }
.s361 { border-top:1px solid #1a1a1a; }
.s362 { max-width:820px;margin:0 auto;padding:32px 24px 56px;display:flex;gap:18px;flex-wrap:wrap;align-items:center;justify-content:space-between; }
.s363 { margin:0;font-size:13.5px;color:#8a8a8a; }
.s364 { display:flex;gap:18px;flex-wrap:wrap;font-size:13.5px; }
.s365 { max-width:760px;margin:0 auto;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap; }
.s366 { font-size:14px;color:#a3a3a3; }
.s367 { max-width:760px;margin:0 auto;padding:56px 24px 80px; }
.s368 { margin:0;font-size:clamp(32px,5vw,46px);line-height:1.1;letter-spacing:-0.025em;font-weight:600; }
.s369 { margin:20px 0 0;font-size:17.5px;line-height:1.6;color:#c0c0c0;text-wrap:pretty; }
.s370 { margin-top:26px;display:flex;flex-wrap:wrap;gap:10px;font-family:'IBM Plex Mono',monospace;font-size:12px;color:#a3a3a3; }
.s371 { padding:6px 11px;border:1px solid #262626;border-radius:999px; }
.s372 { margin-top:36px;padding:20px 22px;background:#171717;border:1px solid #262626;border-radius:12px; }
.s373 { font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:0.07em;color:#8a8a8a;margin-bottom:12px; }
.s374 { display:flex;flex-direction:column;gap:9px;font-size:14.5px; }
.s375 { margin-top:52px; }
.s376 { margin:0 0 16px;font-size:24px;line-height:1.25;letter-spacing:-0.015em;font-weight:600; }
.s377 { margin:0 0 14px;font-size:16px;line-height:1.65;color:#c8c8c8; }
.s378 { margin:0;font-size:16px;line-height:1.65;color:#c8c8c8; }
.s379 { margin-top:44px;background:#171717;border:1px solid #262626;border-radius:12px;padding:28px 26px; }
.s380 { margin-top:44px; }
.s381 { margin:0 0 24px;font-size:16px;line-height:1.65;color:#c8c8c8; }
.s382 { display:flex;flex-direction:column;gap:16px; }
.s383 { background:#171717;border:1px solid #262626;border-radius:12px;padding:22px 24px; }
.s384 { display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px; }
.s385 { margin:0;font-size:17px;font-weight:600;letter-spacing:-0.01em; }
.s386 { font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:0.07em;color:#8a8a8a;margin-bottom:5px; }
.s387 { margin:0;font-size:15px;line-height:1.6;color:#c8c8c8; }
.s388 { background:#171717;border:1px solid #262626;border-radius:12px;padding:22px 24px;border-color:#23323c; }
.s389 { font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:0.07em;padding:4px 9px;border-radius:999px;background:rgba(61,151,211,.12);border:1px solid #23323c;color:#3d97d3; }
.s390 { margin:14px 0 0;font-size:14px;line-height:1.6;color:#a3a3a3;text-wrap:pretty; }
.s391 { margin:0 0 20px;font-size:16px;line-height:1.65;color:#c8c8c8; }
.s392 { display:flex;flex-direction:column;gap:1px;background:#262626;border:1px solid #262626;border-radius:12px;overflow:hidden; }
.s393 { background:#171717;padding:16px 18px; }
.s394 { font-size:15px;font-weight:600;margin-bottom:5px; }
.s395 { margin:20px 0 0;font-size:16px;line-height:1.65;color:#c8c8c8; }
.s396 { background:#171717;border:1px solid #262626;border-radius:12px;padding:20px 22px; }
.s397 { font-size:16px;font-weight:600;margin-bottom:7px; }
.s398 { background:#171717;padding:16px 18px;display:flex;gap:16px;flex-wrap:wrap;justify-content:space-between; }
.s399 { font-size:15px;color:#a3a3a3; }
.s400 { font-size:15px;font-weight:500; }
.s401 { font-family:'IBM Plex Mono',monospace;font-size:14px; }
.s402 { max-width:760px;margin:0 auto;padding:32px 24px 56px;display:flex;gap:18px;flex-wrap:wrap;align-items:center;justify-content:space-between; }
.s403 { margin:40px 0 0;font-size:14.5px;line-height:1.6;color:#a3a3a3; }
.s404 { min-height:100vh;padding:28px 20px 80px; }
.s405 { max-width:560px;margin:0 auto; }
.s406 { display:flex;align-items:center;gap:10px;margin-bottom:44px; }
.s407 { display:inline-flex;align-items:center;gap:9px;padding:6px 12px;border:1px solid #23323c;background:#141b21;border-radius:999px;font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:0.06em;color:#3d97d3;margin-bottom:22px; }
.s408 { margin:0;font-size:clamp(30px,6vw,42px);line-height:1.1;letter-spacing:-0.025em;font-weight:600;text-wrap:balance; }
.s409 { margin:18px 0 0;font-size:16.5px;line-height:1.6;color:#a3a3a3;text-wrap:pretty; }
.s410 { margin-top:32px;background:#111;border:1px solid #262626;border-radius:14px;padding:20px 22px;display:flex;flex-direction:column;gap:13px; }
.s411 { display:flex;justify-content:space-between;gap:16px;align-items:baseline; }
.s412 { font-family:'IBM Plex Mono',monospace;font-size:12px;color:#8a8a8a;letter-spacing:0.05em; }
.s413 { font-size:14.5px;font-weight:500;text-align:right;word-break:break-all; }
.s414 { height:1px;background:#1f1f1f; }
.s415 { font-size:14.5px;font-weight:600;color:#3d97d3;text-align:right; }
.s416 { font-family:'IBM Plex Mono',monospace;font-size:13px;color:#c0c0c0;text-align:right; }
.s417 { margin-top:14px;background:#141b21;border:1px solid #3d97d3;border-radius:12px;padding:18px 20px; }
.s418 { font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:0.08em;color:#3d97d3;font-weight:500;margin-bottom:9px; }
.s419 { margin:0;font-size:14.5px;line-height:1.55;color:#d4e3ed; }
.s420 { margin-top:56px;display:flex;align-items:center;gap:12px;margin-bottom:18px; }
.s421 { display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#3d97d3;color:#08121a;font-size:13px;font-weight:600;flex-shrink:0; }
.s422 { margin:0;font-size:21px;font-weight:600;letter-spacing:-0.015em; }
.s423 { background:#141414;border:1px solid #262626;border-radius:16px;padding:26px 24px; }
.s424 { display:block;font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:0.06em;color:#8a8a8a;margin-bottom:9px; }
.s425 { width:100%;padding:13px 14px;background:#0d0d0d;border:1px solid #2e2e2e;border-radius:10px;color:#f5f5f5;font-size:16px; }
.s426 { display:block;font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:0.06em;color:#8a8a8a;margin:18px 0 9px; }
.s427 { margin-top:14px;display:flex;align-items:center;gap:8px; }
.s428 { width:16px;height:16px;accent-color:#3d97d3; }
.s429 { font-size:13.5px;color:#a3a3a3; }
.s430 { margin-top:18px;display:flex;flex-direction:column;gap:7px; }
.s431 { display:flex;align-items:center;gap:9px;font-size:13.5px;color:#8a8a8a; }
.s432 { font-family:'IBM Plex Mono',monospace;font-size:13px;width:13px;flex-shrink:0; }
.s433 { width:100%;margin-top:22px;padding:15px;border-radius:10px;border:none;font-size:15.5px;font-weight:600;background:#1f1f1f;color:#6a6a6a;cursor:not-allowed; }
.s434 { margin:16px 0 0;font-size:12.5px;line-height:1.55;color:#8a8a8a; }
.s435 { margin-top:52px;display:flex;align-items:center;gap:12px;margin-bottom:18px; }
.s436 { margin:0 0 20px;font-size:15.5px;line-height:1.6;color:#a3a3a3;text-wrap:pretty; }
.s437 { display:flex;gap:8px;margin-bottom:16px; }
.s438 { padding:11px 18px;border-radius:10px;font-size:14.5px;font-weight:500;cursor:pointer;border:1px solid #3d97d3;background:#141b21;color:#f5f5f5; }
.s439 { padding:11px 18px;border-radius:10px;font-size:14.5px;font-weight:500;cursor:pointer;border:1px solid #262626;background:transparent;color:#a3a3a3; }
.s440 { display:flex;gap:14px;align-items:flex-start; }
.s441 { font-family:'IBM Plex Mono',monospace;font-size:12px;color:#8a8a8a;padding-top:2px;flex-shrink:0; }
.s442 { font-size:15.5px;font-weight:500;line-height:1.4;margin-bottom:5px;text-wrap:pretty; }
.s443 { margin:0;font-size:14px;line-height:1.55;color:#a3a3a3;text-wrap:pretty; }
.s444 { margin:20px 0 0;padding-top:18px;border-top:1px solid #1f1f1f;font-family:'IBM Plex Mono',monospace;font-size:12.5px;line-height:1.6;color:#8a8a8a; }
.s445 { display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px; }
.s446 { background:#111;border:1px solid #262626;border-radius:14px;padding:22px 20px; }
.s447 { font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:#8a8a8a;letter-spacing:0.06em;margin-bottom:11px; }
.s448 { font-size:15.5px;font-weight:600;margin-bottom:8px;line-height:1.35; }
.s449 { margin:0;font-size:14px;line-height:1.55;color:#a3a3a3; }
.s450 { margin-top:56px;background:#0f1418;border:1px solid #23323c;border-radius:16px;padding:28px 26px; }
.s451 { margin:0 0 12px;font-size:18px;font-weight:600;letter-spacing:-0.015em; }
.s452 { margin:0 0 16px;font-size:15px;line-height:1.6;color:#b4b4b4;text-wrap:pretty; }
.s453 { display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border:1px solid #2e2e2e;border-radius:10px;color:#f5f5f5;font-size:14.5px;font-weight:500; }
.s454 { margin-top:44px;padding-top:24px;border-top:1px solid #1a1a1a;display:flex;flex-wrap:wrap;gap:18px;font-size:13.5px;color:#7a7a7a; }
.s455 { width:9px;height:9px;border-radius:50%;background:#3d97d3;animation:itlpulse 1.4s ease-in-out infinite; }
.s456 { margin-top:28px;display:flex;flex-wrap:wrap;align-items:center;gap:14px; }
.s457 { padding:14px 24px;border-radius:10px;border:1px solid #2e2e2e;background:#141414;color:#f5f5f5;font-size:15px;font-weight:500;cursor:pointer; }
.s458 { margin-top:36px;background:#111;border:1px solid #262626;border-radius:14px;padding:22px 20px; }
.s459 { margin:0 0 16px;font-size:14.5px;line-height:1.6;color:#a3a3a3;text-wrap:pretty; }
.s460 { display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border:1px solid #2e2e2e;border-radius:10px;color:#f5f5f5;font-size:14px;font-weight:500; }
.s461 { display:inline-flex;align-items:center;gap:9px;padding:6px 12px;border:1px solid #3a3a3a;background:#141414;border-radius:999px;font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:0.06em;color:#a3a3a3;margin-bottom:22px; }
.s462 { margin-top:32px;display:flex;flex-direction:column;gap:12px; }
.s463 { display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:10px;background:#3d97d3;color:#06121c;font-size:14.5px;font-weight:600; }
.s464 { margin:26px 0 0;font-size:14.5px;line-height:1.6;color:#8a8a8a;text-wrap:pretty; }

/* ---- CSS-only controls (hand.css) ---- */
/* Radio inputs that drive the CSS-only tabs are present for the browser, not for the eye.
   FIXED, not absolute: tapping a label focuses its input, and a browser scrolls a focused
   element into view. An absolute input sits at its static position in the page, so the tap
   jumped the page there (reported 25 Sep, on a phone). A fixed 1px input is always in the
   viewport, so focusing it moves nothing. */
input[type="radio"][name="day"], input[type="radio"][name="bill"], input[type="radio"][name="mv"] { position: fixed; top: 0; left: 0; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
label.daypill, label.seglabel, label.mvpill { display: inline-block; }

/* A week in it: the artboard's active pill style, applied by :checked. One stage per day. The
   pills use :has() because the radios sit AFTER them, directly before the day panels (see the
   phone block below for why); the panels are still later siblings. */
#week:has(#day-mon:checked) label[for="day-mon"], #week:has(#day-tue:checked) label[for="day-tue"],
#week:has(#day-thu:checked) label[for="day-thu"], #week:has(#day-sun:checked) label[for="day-sun"] { padding:11px 20px;border-radius:999px;font-size:14px;font-weight:500;cursor:pointer;font-family:inherit;transition:border-color .15s ease,background .15s ease;border:1px solid #3d97d3;background:#3d97d3;color:#06121c; }
.day { display: none; }
#day-mon:checked ~ .day.mon, #day-tue:checked ~ .day.tue, #day-thu:checked ~ .day.thu, #day-sun:checked ~ .day.sun { display: block; }

/* Pricing: the artboard's selected segment style, applied by :checked; prices swap with it. */
#bill-m:checked ~ div label[for="bill-m"], #bill-a:checked ~ div label[for="bill-a"] { padding:9px 14px;border-radius:7px;border:none;cursor:pointer;font-size:13.5px;font-weight:500;font-family:inherit;background:#262626;color:#f5f5f5; }
.pa, #bill-a:checked ~ div .pm { display: none; }
#bill-a:checked ~ div .pa { display: inline; }

/* Coach mock: list / editor. */
#mv-list:checked ~ div label[for="mv-list"], #mv-editor:checked ~ div label[for="mv-editor"] { padding:9px 16px;border-radius:999px;font-size:13.5px;font-weight:500;cursor:pointer;font-family:inherit;border:1px solid #3d97d3;background:#3d97d3;color:#06121c; }
.mv { display: none; }
#mv-list:checked ~ .mv.list, #mv-editor:checked ~ .mv.editor { display: contents; }

/* Accordions: the artboard's button becomes a summary; the +/− sign it toggled is CSS. */
details > summary { list-style: none; }
details > summary::-webkit-details-marker { display: none; }
.sign::after { content: "+"; }
details[open] > summary .sign::after { content: "−"; }

/* The nav links the artboard hid on narrow viewports (showFullNav = vw >= 860). */
.nav-wide { display: none; }
@media (min-width: 860px) { .nav-wide { display: contents; } }

/* Invite form: messages are hidden until invite.js shows one; the Turnstile slot sits in the row. */
.invite-form { display: contents; }
.form-msg { display: none; }
.form-msg.show { display: block; }
.turnstile-slot { flex-basis: 100%; }
.turnstile-slot:empty { display: none; }
.totop { text-decoration: none; }


/* A week in it on a phone — Design's CHANGE-week-demo-mobile-day-picker.md (25 Sep): note-first,
   plus a Next-day control at the bottom of the note. The artboard's Next is a <button> with an
   onClick; here it is a <label> for the next day's radio. The doc's smooth-scroll "so the top of
   the day content sits 16px below the viewport top" is the browser's own focus behaviour: a label
   focuses its radio, and a focused element off-screen is scrolled into view. So on a phone the
   radios are ABSOLUTE at their static position — the grid's top, since they are emitted directly
   before the day panels — with scroll-margin-top:16px. A pill tap does not scroll, because the
   radios are right under the pills and already in view. Desktop keeps them fixed (see the top of
   this file) and shows no Next control. */
.week-next { display: none; }
@media (max-width: 699px) {
  input[type="radio"][name="day"] { position: absolute; top: auto; left: auto; scroll-margin-top: 16px; }
  .day > div > div:nth-child(2) { order: 1; padding-top: 0; }
  .day > div > div:first-child { order: 2; }
  label.week-next { display: flex; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }