:root,:root[data-theme="light"],:root[data-theme="dark"]{color-scheme:light;--well-hover:var(--gray-80);
--raised:var(--gray-0);--paper:var(--gray-10);--mat:var(--gray-20);--ground:var(--gray-40);--well:var(--gray-50);--pill:var(--gray-60);--rule:var(--gray-70);
--ink:var(--gray-900);--ink2:var(--gray-600);--ink3:var(--gray-500);--ink4:var(--gray-400);
--d-h:var(--gray-70);--d-s:var(--gray-100);--d-sh:var(--gray-100);
--p-h:var(--gray-40);--p-s:var(--gray-70);--p-sh:var(--gray-80);--r-h:var(--gray-30);--r-s:var(--gray-60);
--line:color-mix(in srgb, var(--gray-900) 6%, transparent);--line2:color-mix(in srgb, var(--gray-900) 10%, transparent);--panel-line:color-mix(in srgb, var(--gray-900) 8%, transparent);
--accent:var(--magenta-450);--on-acc:var(--gray-0);--state:var(--green-400);--fare:var(--red-600);
--note:var(--blue-600);--note-bg:var(--gray-100);
--lift:0 0 0 .5px color-mix(in srgb, var(--gray-900) 8.8%, transparent), 0 3px 6px -2px color-mix(in srgb, var(--gray-900) 2%, transparent), 0 1px 1px 0 color-mix(in srgb, var(--gray-900) 4%, transparent);
--elev-1:0 3px 6px -2px color-mix(in srgb, var(--gray-900) 2%, transparent), 0 1px 1px color-mix(in srgb, var(--gray-900) 4%, transparent);
--ring-rest:color-mix(in srgb, var(--gray-900) 10%, transparent);--ring-hover:color-mix(in srgb, var(--gray-900) 20%, transparent);
--pop:0 0 0 .5px color-mix(in srgb, var(--gray-900) 10%, transparent), 0 6px 18px color-mix(in srgb, var(--gray-900) 2%, transparent), 0 3px 9px color-mix(in srgb, var(--gray-900) 4%, transparent), 0 1px 1px color-mix(in srgb, var(--gray-900) 4%, transparent);
--elev:0 3px 6px -2px color-mix(in srgb, var(--gray-900) 2%, transparent),0 1px 1px color-mix(in srgb, var(--gray-900) 4%, transparent);
--dock:0 0 0 1px color-mix(in srgb, var(--gray-900) 12%, transparent), 0 18px 44px -8px color-mix(in srgb, var(--gray-900) 20%, transparent), 0 4px 12px -2px color-mix(in srgb, var(--gray-900) 8%, transparent);
--sans:var(--font);
--serif:var(--font);
--mono:var(--font-mono);
--out:cubic-bezier(.25,.46,.45,.94);
--korn:.05;
--korn-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");
}
html,body{margin:0}
body{background:var(--ground);-webkit-font-smoothing:antialiased;font-optical-sizing:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:default}
a{color:var(--ink);text-decoration:none}
*,*::before,*::after{box-sizing:border-box}
::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--gray-900) 17%, transparent);border:2px solid transparent;background-clip:padding-box;border-radius:9999px}
:focus-visible{outline:1px solid var(--accent);outline-offset:1px}
.korn{position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:var(--korn);mix-blend-mode:multiply;background-image:var(--korn-img)}
.ic{flex:none;display:block}
.mk{color:var(--ink);font-family:var(--font);font-size:13px;font-weight:450;line-height:20px;letter-spacing:-0.006em;font-feature-settings:'kern' 1,'calt' 1,'liga' 1,'tnum' 1,'ss01' 1,'ss04' 1,'cv05' 1}
aside{width:240px;flex:none;display:flex;flex-direction:column;padding:14px 12px 12px;gap:1px;overflow-y:auto}
.brand{display:flex;align-items:center;gap:8px;padding:0 8px 12px;font-weight:550;font-size:13px;letter-spacing:-0.01em}
.brand i{width:16px;height:16px;border-radius:4px;background:var(--accent);flex:none}
.brand span{font-size:11px;font-weight:450;color:var(--ink3);letter-spacing:normal}
.rl{display:flex;align-items:center;gap:14px;width:100%;height:28px;flex:none;padding:0 12px;border-radius:8px;font-size:11px;letter-spacing:normal;text-align:left;color:var(--ink2);transition:background-color .15s var(--out)}
.rl:is(:hover, [data-hover]){transition:none;background:var(--d-h)}
.rl:is(:active, [data-active]){background:var(--d-sh)}
.rl[aria-current="true"]{background:var(--d-s);color:var(--ink)}
.rl[aria-current="true"]:is(:hover, [data-hover]){background:var(--d-sh)}
.rl span.n{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bd{display:inline-flex;align-items:center;height:16px;padding:0 5px;border-radius:4px;font-size:11px;font-weight:500;line-height:1.1;flex:none;white-space:nowrap;background:var(--well);color:var(--ink2)}
.bd.note{background:var(--note-bg);color:var(--note)}
.bd.ok{background:var(--green-100);color:var(--green-600)}
.sep{height:1px;background:var(--rule);margin:7px 8px;flex:none}
.rlab{padding:0 8px 4px;font-size:11px;color:var(--ink3);flex:none}
.foot{margin-top:auto;padding:10px 8px 4px;font-size:11px;color:var(--ink3);line-height:1.5}
.pw{flex:1;min-width:0;display:flex;flex-direction:column;padding:8px 8px 8px 0}
main{flex:1;min-height:0;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;position:relative;isolation:isolate;background:var(--paper);box-shadow:0 0 0 .5px var(--panel-line),var(--elev)}
.top{display:flex;align-items:center;gap:8px;height:45px;flex:none;padding:0 16px;font-size:12px;color:var(--ink2);z-index:4}
.top b{color:var(--ink);font-weight:500}
.top .gt{color:var(--ink3)}
.pl{display:inline-flex;align-items:center;height:22px;padding:0 10px;border-radius:9999px;font-size:11px;font-weight:500;background:var(--raised);color:var(--ink2);box-shadow:var(--lift);white-space:nowrap;transition:background-color .15s var(--out)}
button.pl:is(:hover, [data-hover]){transition:none;background:var(--p-s)}
.pl.on{background:var(--p-s);color:var(--ink)}
.content{flex:1;min-height:0;overflow-y:auto;z-index:2;padding:14px 26px 44px}
.col{max-width:1000px}
.hd{display:flex;flex-direction:column;gap:9px}
.eyebrow{font-size:11px;color:var(--ink3);letter-spacing:0em}
.lead{font-family:var(--font);font-size:24px;line-height:1.3;font-weight:450;letter-spacing:0;max-width:40ch;text-wrap:pretty}
.para{font-size:12px;color:var(--ink2);line-height:1.6;max-width:74ch;text-wrap:pretty}
.card{background:var(--raised);border-radius:8px;box-shadow:var(--lift);padding:14px 16px 16px;display:flex;flex-direction:column;gap:10px}
.card h3{margin:0;font-size:12px;font-weight:550;letter-spacing:-0.004em;line-height:1.4}
.card .sub{font-size:11px;color:var(--ink3);font-weight:450;margin-left:8px;letter-spacing:0em}
.card p{margin:0;font-size:11px;color:var(--ink2);line-height:1.55;text-wrap:pretty}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:9px}
.tc{text-align:left;background:var(--raised);border-radius:8px;box-shadow:var(--lift);overflow:hidden;display:flex;flex-direction:column;transition:background-color .15s var(--out)}
.tc:is(:hover, [data-hover]){transition:none;background:var(--r-h)}
.tc .sw{height:78px;background:var(--well);box-shadow:inset 0 0 0 .5px var(--panel-line);display:grid;place-items:center}
.tc .sw svg{width:104px;height:65px}
.tc .bdy{padding:9px 11px 11px;display:flex;flex-direction:column;gap:2px}
.tc .row{display:flex;align-items:center;gap:6px}
.tc .nm{font-size:11px;font-weight:550}
.tc .ds{font-size:11px;color:var(--ink3);line-height:1.5;text-wrap:pretty}
.tr{display:flex;align-items:flex-start;gap:12px;padding:7px 0;border-top:.5px solid var(--line);font-size:11px;color:var(--ink2);line-height:1.5}
.tr.h{border-top:0;padding-top:0;padding-bottom:6px;border-bottom:.5px solid var(--line);font-size:11px;color:var(--ink3)}
.tr.h+.tr{border-top:0}
button.tr{width:100%;text-align:left;border-radius:8px;transition:background-color .15s var(--out)}
button.tr:is(:hover, [data-hover]){transition:none;background:var(--r-h)}
.tr .c1{width:150px;flex:none;color:var(--ink)}
.tr .cx{flex:1;min-width:0}
.tr .cs{width:88px;flex:none}
.tm{display:flex;align-items:baseline;gap:12px;padding:7px 0;border-top:.5px solid var(--line)}
.tm:first-of-type{border-top:0}
.tm .v{width:112px;flex:none;font-size:12px;font-weight:550}
.tm .n{width:150px;flex:none;font-size:11px;color:var(--ink)}
.tm .x{flex:1;font-size:11px;color:var(--ink2);line-height:1.55;text-wrap:pretty}
.mono{font-family:var(--font-mono);font-size:11px}
pre.code{margin:0;background:var(--well);border-radius:8px;padding:12px 14px;font:11px/1.7 var(--font-mono);color:var(--ink2);overflow:auto;letter-spacing:0}
pre.code b{font-weight:400;color:var(--ink)}
.mt9{margin-top:9px}.mt20{margin-top:20px}
.ctlrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:10px;font-size:11px;color:var(--ink3)}
.ctl{display:inline-flex;align-items:center;gap:8px}
.seg{display:inline-flex;height:24px;padding:2px;border-radius:9999px;background:var(--raised);box-shadow:var(--lift)}
.seg button{height:20px;padding:0 9px;border-radius:9999px;font-size:11px;font-weight:500;color:var(--ink3);transition:background-color .15s var(--out),color .15s var(--out)}
.seg button:is(:hover, [data-hover]){transition:none;color:var(--ink2);background:var(--r-h)}
.seg button[aria-pressed="true"]{background:var(--r-s);color:var(--ink)}
.kb{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:4px;background:var(--pill);font:9px/1 var(--font-mono);color:var(--ink2)}
.ctlrow .hint{margin-left:auto}
.stagewrap{position:relative;border-radius:12px;background:var(--ground);box-shadow:0 0 0 .5px var(--panel-line);overflow:hidden}
.site{position:absolute;left:0;top:0;width:1000px;height:520px;transform-origin:0 0;overflow:hidden;isolation:isolate;background:var(--paper);font-family:var(--font);font-size:13px;font-weight:450;line-height:20px;letter-spacing:-0.006em;color:var(--ink)}
.snav{position:absolute;left:0;right:0;top:0;height:52px;display:flex;align-items:center;gap:2px;padding:0 16px 0 24px;box-shadow:inset 0 -.5px 0 var(--line2);z-index:6}
.wm{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:550;letter-spacing:-0.01em;margin-right:18px}
.wm i{width:16px;height:16px;border-radius:4px;background:var(--accent);display:block}
.tg{position:relative;z-index:1;display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border-radius:8px;font-size:13px;color:var(--ink2);transition:background-color .15s var(--out),color .15s var(--out)}
.tg .ic{color:var(--ink4)}
.tg:is(:hover, [data-hover]){transition:none;color:var(--ink);background:var(--p-h)}
.tg[aria-expanded="true"]{color:var(--ink);background:var(--p-s)}
.tg[aria-expanded="true"] .ic{transform:rotate(180deg)}
.site.pill-mode .tg:is(:hover, [data-hover]),.site.pill-mode .tg[aria-expanded="true"]{background:transparent}
.npill{position:absolute;top:12px;height:28px;border-radius:8px;background:var(--p-s);opacity:0;z-index:0}
.cta{height:28px;padding:0 12px;border-radius:9999px;background:var(--accent);color:var(--on-acc);font-size:12px;font-weight:550;margin-left:6px}
.hero{position:absolute;left:24px;right:24px;top:52px;bottom:0}
.hero h4{margin:70px 0 0;font-family:var(--font);font-size:24px;line-height:1.3;font-weight:450;letter-spacing:0;max-width:22ch}
.hero p{margin:12px 0 0;font-size:13px;line-height:1.55;color:var(--ink2);max-width:46ch}
.shot{position:absolute;left:0;right:0;top:200px;height:320px;background:var(--raised);border-radius:8px;box-shadow:var(--lift);display:grid;grid-template-columns:176px minmax(0,1fr);overflow:hidden}
.shot .sb{background:var(--well);padding:16px 14px;display:flex;flex-direction:column;gap:11px}
.shot .sb span{display:block;height:7px;border-radius:9999px;background:var(--line2)}
.shot .mn{padding:20px 24px}
.veil{position:absolute;left:0;right:0;top:52px;bottom:0;opacity:0;pointer-events:none;z-index:4}
.layer{position:absolute;inset:0;pointer-events:none;z-index:5}
.pn{position:absolute;pointer-events:auto;background:var(--raised);border-radius:8px;box-shadow:var(--pop);opacity:0;will-change:transform,opacity}
.pn.sheet{border-radius:0;box-shadow:0 .5px 0 var(--line2)}
.clip{position:absolute;inset:0;overflow:hidden;border-radius:8px}
.mi{position:absolute;left:0;top:0}
.caret{position:absolute;top:-5px;width:10px;height:10px;background:var(--raised);box-shadow:-.5px -.5px 0 color-mix(in srgb, var(--gray-900) 10%, transparent);transform:rotate(45deg);z-index:2}
.it{display:flex;align-items:flex-start;gap:10px;min-height:28px;padding:4px 8px;border-radius:8px;color:var(--ink);font-size:13px;line-height:20px;outline:none;transition:background-color .15s var(--out)}
.it:is(:hover, [data-hover]){transition:none;background:var(--r-h)}
.it.hl{background:var(--r-s)}
.it:focus-visible{outline:1px solid var(--accent);outline-offset:-2px}
.it.two{padding:6px 8px}
.it .t{display:block;font-size:12px;font-weight:550;letter-spacing:-0.004em;line-height:1.4}
.it .d{display:block;font-size:11px;color:var(--ink2);line-height:1.5;letter-spacing:normal;font-weight:450}
.it .ic{color:var(--ink2);margin-top:2px}
.it .ext{margin-left:auto;color:var(--ink4);margin-top:3px}
.eb{font-size:11px;color:var(--ink3);letter-spacing:0em;padding:6px 8px 2px}
.msep{height:1px;background:var(--line);margin:3px 4px}
.big{font-size:15px;font-weight:550;letter-spacing:-0.016em;line-height:1.3;padding:6px 8px}
.sm{font-size:11px;color:var(--ink2);letter-spacing:normal;min-height:26px}
.news{display:flex;justify-content:space-between;align-items:center;padding:6px 4px 2px 8px;font-size:11px;color:var(--ink2);letter-spacing:normal}
.news b{font-weight:550;color:var(--ink);margin-right:8px}
.feat{display:block;background:transparent;border-radius:8px;padding:6px;color:var(--ink);outline:none;transition:background-color .15s var(--out)}
.feat:is(:hover, [data-hover]){transition:none;background:var(--r-h)}
.feat .fw{background:var(--well);border-radius:8px;padding:10px}
.feat:focus-visible{outline:1px solid var(--accent);outline-offset:-2px}
.pvbox{background:var(--well);border-radius:8px;padding:14px}
.q{width:100%;height:30px;border:0;border-radius:8px;background:var(--well);padding:0 10px 0 30px;font:450 13px var(--font);letter-spacing:-0.006em;color:var(--ink);outline:none;font-feature-settings:'ss01' 1,'cv05' 1}
.q::placeholder{color:var(--ink3)}
.q:focus-visible{outline:1px solid var(--accent);outline-offset:-2px}
.qw{position:relative}.qw .ic{position:absolute;left:9px;top:8px;color:var(--ink3)}
.keys{display:flex;gap:12px;font-size:11px;color:var(--ink3);padding:6px 8px 2px;margin-top:4px;border-top:1px solid var(--line)}
.tile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px 8px;border-radius:8px;color:var(--ink2);font-size:11px;letter-spacing:normal;outline:none;transition:background-color .15s var(--out)}
.tile:is(:hover, [data-hover]){transition:none;background:var(--r-h)}
.tile:focus-visible{outline:1px solid var(--accent);outline-offset:-2px}
.tile .sq{width:36px;height:36px;border-radius:8px;background:var(--well);display:grid;place-items:center;color:var(--ink2)}
.subm{position:absolute;background:var(--raised);border-radius:8px;box-shadow:var(--pop);padding:4px}
mark{background:var(--note-bg);color:var(--note);border-radius:4px;padding:0 1px}
.phone{position:absolute;left:50%;top:12px;width:340px;height:496px;margin-left:-170px;border-radius:36px;background:var(--ink);padding:8px;box-shadow:var(--dock)}
.screen{position:relative;width:100%;height:100%;border-radius:29px;overflow:hidden;background:var(--paper);isolation:isolate}
.pnav{position:absolute;left:0;right:0;top:0;height:58px;display:flex;align-items:center;justify-content:space-between;padding:10px 10px 0 20px;background:var(--paper);box-shadow:inset 0 -.5px 0 var(--line2);z-index:3}
.burger{width:44px;height:44px;border-radius:8px;display:grid;place-items:center;color:var(--ink)}
.burger:is(:hover, [data-hover]){background:var(--p-h)}
.pmenu{position:absolute;left:0;right:0;top:58px;bottom:0;background:var(--raised);z-index:2;overflow:hidden;opacity:0;pointer-events:none}
.lvl{position:absolute;inset:0;padding:8px 8px 18px;background:var(--raised);overflow:auto}
.prow{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:0 12px;border-radius:8px;font-size:13px;text-align:left;color:var(--ink);transition:background-color .15s var(--out)}
.prow:is(:hover, [data-hover]){transition:none;background:var(--r-h)}
.prow .ic{color:var(--ink4)}
.pbtn{height:44px;border-radius:9999px;background:var(--raised);box-shadow:var(--lift);font-size:12px;font-weight:550;color:var(--ink);transition:background-color .15s var(--out)}
.pbtn:is(:hover, [data-hover]){transition:none;background:var(--r-h)}
.pback{display:flex;align-items:center;gap:4px;min-height:44px;padding:0 8px;border-radius:8px;font-size:12px;color:var(--ink2)}
.pback:is(:hover, [data-hover]){background:var(--r-h)}
.ph{font-size:15px;font-weight:550;letter-spacing:-0.016em;padding:2px 12px 6px}
@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms !important}}
.stagewrap{border-radius:0;box-shadow:none}


/* written by build.mjs: the component follows the dark theme */
html[data-theme="dark"] { color-scheme: dark; --gray-0: #0b0b0b; --gray-10: #0d0d0d; --gray-20: #0f0f0f; --gray-30: #111111; --gray-40: #131313; --gray-50: #151515; --gray-60: #181817; --gray-70: #1a1a19; --gray-80: #1c1c1b; --gray-90: #1e1e1d; --gray-100: #20201f; --gray-150: #2c2c2a; --gray-200: #383835; --gray-250: #444442; --gray-300: #52514e; --gray-350: #5f5e5a; --gray-400: #6d6b67; --gray-450: #7b7974; --gray-500: #898781; --gray-550: #97958d; --gray-600: #a5a49a; --gray-650: #b4b3a8; --gray-700: #c3c2b7; --gray-750: #d2d1c7; --gray-800: #e1e0d9; --gray-810: #e4e3dd; --gray-820: #e7e6e1; --gray-830: #eae9e4; --gray-840: #edece8; --gray-850: #f0efec; --gray-860: #f3f3f0; --gray-870: #f6f6f4; --gray-880: #f9f9f7; --gray-890: #fcfcfb; --gray-900: #ffffff; --red-0: #0b0b0b; --red-10: #110c0b; --red-20: #170c0b; --red-30: #1d0b0a; --red-40: #230b0a; --red-50: #280a0a; --red-60: #2d0a0a; --red-70: #310b0b; --red-80: #340c0c; --red-90: #380d0d; --red-100: #3c0e0e; --red-150: #511212; --red-200: #641919; --red-250: #791e1e; --red-300: #8e2626; --red-350: #a32c2c; --red-400: #b93535; --red-450: #d03b3b; --red-500: #e34948; --red-550: #e66767; --red-600: #ec7e7e; --red-650: #f09595; --red-700: #f4abab; --red-750: #f7c1c1; --red-800: #fad6d6; --red-810: #fadada; --red-820: #fadfdf; --red-830: #fae3e3; --red-840: #fae7e7; --red-850: #fbebeb; --red-860: #fdefef; --red-870: #fef3f3; --red-880: #fef7f7; --red-890: #fffbfb; --red-900: #ffffff; --orange-0: #0b0b0b; --orange-10: #100c0b; --orange-20: #150d0a; --orange-30: #1a0e09; --orange-40: #1f0e08; --orange-50: #240e07; --orange-60: #290f06; --orange-70: #2d1006; --orange-80: #301106; --orange-90: #341307; --orange-100: #371407; --orange-150: #4b1b08; --orange-200: #5d230b; --orange-250: #712b0f; --orange-300: #863311; --orange-350: #993d19; --orange-400: #ae461c; --orange-450: #c25124; --orange-500: #d95926; --orange-550: #eb6834; --orange-600: #ec835a; --orange-650: #f09978; --orange-700: #f4ae94; --orange-750: #f3c5b2; --orange-800: #f7d8cb; --orange-810: #f7dcd1; --orange-820: #f7e1d7; --orange-830: #f7e5dd; --orange-840: #f8e9e2; --orange-850: #f9ece7; --orange-860: #faf0ec; --orange-870: #fcf4f0; --orange-880: #fdf7f5; --orange-890: #fefbfa; --orange-900: #ffffff; --yellow-0: #0b0b0b; --yellow-10: #0f0d0a; --yellow-20: #130e09; --yellow-30: #171007; --yellow-40: #1b1106; --yellow-50: #1f1204; --yellow-60: #231402; --yellow-70: #271500; --yellow-80: #2b1700; --yellow-90: #2e1800; --yellow-100: #311a00; --yellow-150: #412400; --yellow-200: #512e00; --yellow-250: #623900; --yellow-300: #724500; --yellow-350: #835100; --yellow-400: #945d01; --yellow-450: #a66a00; --yellow-500: #b77701; --yellow-550: #c98500; --yellow-600: #da9303; --yellow-650: #eda104; --yellow-700: #fab219; --yellow-750: #f9c868; --yellow-800: #f9dca4; --yellow-810: #f9e0b0; --yellow-820: #fae3b8; --yellow-830: #fae7c2; --yellow-840: #faebce; --yellow-850: #f9eeda; --yellow-860: #f9f2e4; --yellow-870: #fbf5ea; --yellow-880: #fcf8f1; --yellow-890: #fefcf8; --yellow-900: #ffffff; --green-0: #0b0b0b; --green-10: #0c0e0c; --green-20: #0d100d; --green-30: #0e130d; --green-40: #0e160e; --green-50: #0f180e; --green-60: #101b0f; --green-70: #101e0f; --green-80: #10210f; --green-90: #10230f; --green-100: #11260f; --green-150: #0f350d; --green-200: #074505; --green-250: #005400; --green-300: #006300; --green-350: #017301; --green-400: #028301; --green-450: #009300; --green-500: #0da30e; --green-550: #34b231; --green-600: #55bf50; --green-650: #73cb6d; --green-700: #91d68b; --green-750: #aee0a9; --green-800: #caeac7; --green-810: #d0eccd; --green-820: #d5eed3; --green-830: #dbf0d8; --green-840: #e0f2de; --green-850: #e5f4e4; --green-860: #ebf7e9; --green-870: #f0f9ef; --green-880: #f5fbf4; --green-890: #fafdfa; --green-900: #ffffff; --aqua-0: #0b0b0b; --aqua-10: #0b0e0d; --aqua-20: #0a110f; --aqua-30: #081411; --aqua-40: #071713; --aqua-50: #051a16; --aqua-60: #031c18; --aqua-70: #021f1a; --aqua-80: #02221c; --aqua-90: #02241e; --aqua-100: #022720; --aqua-150: #02342b; --aqua-200: #034235; --aqua-250: #095040; --aqua-300: #065f49; --aqua-350: #0f6e53; --aqua-400: #0f7e5c; --aqua-450: #148e65; --aqua-500: #1a9e70; --aqua-550: #1baf7a; --aqua-600: #3cbd8c; --aqua-650: #5acba0; --aqua-700: #7ad7b4; --aqua-750: #a0e1c9; --aqua-800: #bfebdb; --aqua-810: #c7eddf; --aqua-820: #ceefe2; --aqua-830: #d5f0e6; --aqua-840: #dcf2ea; --aqua-850: #e2f4ed; --aqua-860: #e8f7f1; --aqua-870: #edf9f4; --aqua-880: #f3fbf8; --aqua-890: #f9fdfb; --aqua-900: #ffffff; --blue-0: #0b0b0b; --blue-10: #0a0d11; --blue-20: #091018; --blue-30: #07121f; --blue-40: #051426; --blue-50: #03162c; --blue-60: #021831; --blue-70: #021a36; --blue-80: #021c39; --blue-90: #031e3d; --blue-100: #032042; --blue-150: #062b57; --blue-200: #0d366b; --blue-250: #114281; --blue-300: #184f95; --blue-350: #1c5cab; --blue-400: #256abf; --blue-450: #2a78d6; --blue-500: #3987e5; --blue-550: #5598e7; --blue-600: #6da7ec; --blue-650: #86b6ef; --blue-700: #9ec5f4; --blue-750: #b7d3f6; --blue-800: #cde2fb; --blue-810: #d2e5fa; --blue-820: #d7e8fa; --blue-830: #ddebfa; --blue-840: #e2eefa; --blue-850: #e7f1fb; --blue-860: #ebf4fc; --blue-870: #f0f7fe; --blue-880: #f5f9fe; --blue-890: #fafcff; --blue-900: #ffffff; --violet-0: #0b0b0b; --violet-10: #0c0c13; --violet-20: #0e0d1b; --violet-30: #0f0e23; --violet-40: #110e2b; --violet-50: #130f32; --violet-60: #151036; --violet-70: #17123b; --violet-80: #19133f; --violet-90: #1b1544; --violet-100: #1d1649; --violet-150: #271e60; --violet-200: #322777; --violet-250: #3e318e; --violet-300: #4a3aa7; --violet-350: #5645be; --violet-400: #6250d6; --violet-450: #7161e0; --violet-500: #8173e3; --violet-550: #9085e9; --violet-600: #a096eb; --violet-650: #b0a7f2; --violet-700: #bfb9f5; --violet-750: #cfcafb; --violet-800: #dfdbfd; --violet-810: #e2dffd; --violet-820: #e5e2fd; --violet-830: #e8e6fe; --violet-840: #ebeafe; --violet-850: #efedff; --violet-860: #f2f1ff; --violet-870: #f5f4ff; --violet-880: #f8f8ff; --violet-890: #fcfbff; --violet-900: #ffffff; --magenta-0: #0b0b0b; --magenta-10: #110b0d; --magenta-20: #170b0f; --magenta-30: #1c0b11; --magenta-40: #220a12; --magenta-50: #270a14; --magenta-60: #2b0a16; --magenta-70: #2f0b18; --magenta-80: #320c1a; --magenta-90: #360d1c; --magenta-100: #390f1f; --magenta-150: #4c1429; --magenta-200: #5e1c34; --magenta-250: #722340; --magenta-300: #862a4c; --magenta-350: #993458; --magenta-400: #ad3d66; --magenta-450: #c04873; --magenta-500: #d55181; --magenta-550: #e46191; --magenta-600: #e87ba4; --magenta-650: #ed93b4; --magenta-700: #f3a8c3; --magenta-750: #f3c0d3; --magenta-800: #f9d4e2; --magenta-810: #f9d9e5; --magenta-820: #f9dee8; --magenta-830: #f9e2eb; --magenta-840: #f9e6ed; --magenta-850: #faebf0; --magenta-860: #fbeff3; --magenta-870: #fdf2f6; --magenta-880: #fef6f9; --magenta-890: #fefbfc; --magenta-900: #ffffff; }