:root{
color-scheme:light;
--bg:#F5F6F8;
--surface:#FFFFFF;
--surface-hover:#F9FAFB;
--raised:#FFFFFF;
--track:#EEF0F3;
--field:#FFFFFF;
--chip:#F0F2F5;
--band:#F8F9FA;
--line:#E3E6EB;
--line-soft:#ECEEF1;
--line-ctl:#868B95;
--logo-line:rgba(16,24,40,.08);
--logo-bg:#FFFFFF;
--qr-paper:#FFFFFF; --qr-ink:#0F1216;
--ink:#0F1216;
--ink-2:#3B4048;
--ink-3:#5F646C;
--accent:#3BBE8D;
--accent-hover:#2FAE7F;
--accent-ink:#0E6B4C;
--accent-soft:#E3F2EB;
--on-accent:#04130D;
--focus:#0E6B4C;
--brand-block:#0FA36B;
--danger:#B42318; --on-danger:#FFFFFF; --danger-soft:#FDECEA;
--hover:rgba(16,24,40,.04);
--glass:rgba(245,246,248,.92);
--backdrop:rgba(16,20,28,.40);
--feat-bg:#EDF8F2;
--feat-line:#BCE3D0;
--mask:#000000;
--shadow:rgba(16,24,40,.12);
--card:#FFFFFF;
--bg-2:#F0F2F5;
--bg-3:#EEF0F3;
--line-2:#D3D7DE;
--line-3:#0F1216;
--accent-2:#2FAE7F;
--range-band:#9ACAB5;
--tick-med:#0E6B4C;
--axis:#EEF0F3;
--axis-line:#E3E6EB;
--hist-few:#5F646C;
--tick-weak:#5F646C;
--bar:#2A2E33;
--bar-weak:#B9BEC4;
--g-bg:#FFFFFF;
--g-ink:#1F1F1F;
--g-line:#747775;
--chev-img:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path d='M3 4.5 6 7.5l3-3' fill='none' stroke='%235F646C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");
--chev:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path d='M3 4.5 6 7.5l3-3' fill='none' stroke='%235F646C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");
--check-img:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path d='M2.5 6.2 5 8.5l4.5-5' fill='none' stroke='%2304130D' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/></svg>");
--brand-corner:#0F1216;
--share-2:#3B4046; --share-3:#5B6169; --share-4:#7A8089; --share-5:#969CA4; --share-6:#AAAFB6; --share-7:#B9BEC4; --share-8:#C6CACF; --share-9:#D1D4D8; --share-10:#DADDE0;
--fl-languages-bg:#DDF3EF; --fl-languages-ink:#0B5F56; --fl-languages-dot:#14A08F;
--fl-stem-bg:#E1ECFB; --fl-stem-ink:#1D4F91; --fl-stem-dot:#3B7DD8;
--fl-coding-bg:#E7E8FB; --fl-coding-ink:#3A3F9E; --fl-coding-dot:#6067D6;
--fl-general-bg:#ECEEF1; --fl-general-ink:#3E4652; --fl-general-dot:#7C8594;
--fl-medicine-bg:#FBE5E9; --fl-medicine-ink:#9A2741; --fl-medicine-dot:#D9506F;
--fl-law-bg:#FAF0DB; --fl-law-ink:#7A5100; --fl-law-dot:#B07A0C;
--fl-writing-bg:#FCE9DD; --fl-writing-ink:#963F10; --fl-writing-dot:#E07434;
--fl-finance-bg:#EAF3DB; --fl-finance-ink:#4A6611; --fl-finance-dot:#6E8F22;
--fl-robotics-bg:#DCF1F9; --fl-robotics-ink:#0C5C7C; --fl-robotics-dot:#2A9CC8;
--fl-trades-bg:#F2EAE2; --fl-trades-ink:#6B4A30; --fl-trades-dot:#A9805C;
--hi:inset 0 1px 0 rgba(255,255,255,.9);
--sh-chip:0 1px 2px rgba(16,24,40,.12), 0 0 0 1px rgba(16,24,40,.06);
--sh-btn:0 1px 2px rgba(16,24,40,.05);
--sh-primary:inset 0 1px 0 rgba(255,255,255,.25), 0 1px 2px rgba(14,107,76,.24);
--sh-card:0 1px 2px rgba(16,24,40,.04), 0 2px 8px rgba(16,24,40,.03);
--sh-lift:0 4px 8px rgba(16,24,40,.05), 0 12px 24px rgba(16,24,40,.07);
--sh-tile:0 8px 24px rgba(16,24,40,.08);
--sh-modal:0 24px 64px rgba(16,24,40,.24);
--sh-cursor:drop-shadow(0 1px 2px rgba(0,0,0,.25));
--hero-wash:radial-gradient(ellipse 56% 72% at 80% 28%, rgba(59,190,141,.18), transparent 70%), radial-gradient(ellipse 48% 56% at 8% 0%, rgba(110,160,230,.10), transparent 72%), linear-gradient(#FBFCFD, #F5F6F8);
--grid-line:rgba(16,24,40,.06);
--art-fade:linear-gradient(0deg, #F5F6F8 0, transparent 24%), linear-gradient(90deg, rgba(245,246,248,.9) 0, transparent 16%);
--edge-glow:radial-gradient(ellipse 48% 100% at 50% 0, rgba(59,190,141,.08), transparent 72%);
--grid-op:1;
--fs-11:11px; --fs-12:12px; --fs-13:13px; --fs-14:14px; --fs-15:15px; --fs-16:16px; --fs-18:18px;
--fs-20:20px; --fs-24:24px; --fs-28:28px; --fs-32:32px; --fs-36:36px; --fs-40:40px; --fs-48:48px;
--fs-h1:40px; --lh-h1:48px;
--fs-h2:24px; --lh-h2:32px;
--fs-h3:16px; --lh-h3:24px;
--fs-lead:16px; --lh-lead:24px;
--fs-body:14px; --lh-body:20px;
--fs-prose:16px; --lh-prose:28px;
--fs-ui:13px; --lh-ui:16px;
--fs-sm:13px; --lh-sm:20px;
--fs-xs:12px; --lh-xs:16px;
--fs-input:max(16px,1rem);
--fs-pay:18px; --lh-pay:24px;
--fs-pay-xl:32px; --lh-pay-xl:40px;
--fs-pay-card:18px; --lh-pay-card:24px;
--tight:-.015em; --tighter:-.035em; --wide:.02em;
--s-0:2px; --s-1:4px; --s-1h:6px; --s-2:8px; --s-3:12px; --s-3l:11px; --s-4:16px; --s-4h:20px; --s-5:24px;
--s-6:32px; --s-6h:40px; --s-7:48px; --s-8:64px; --s-9:72px; --s-10:80px;
--r-0:2px; --r-1:4px; --r-2:8px; --r-3:12px; --r-4:16px; --r-pill:999px;
--w-page:1280px; --w-narrow:720px; --w-lead:37.3em; --w-rail:264px; --w-facts:344px; --w-page-xl:1600px; --w-page-2xl:2000px;
--gutter:32px;
--h-ctl:32px; --h-btn:32px; --h-btn-sm:28px; --h-btn-lg:40px; --h-tag:24px; --h-touch:44px; --h-head:56px; --h-row:56px;
--col-pay:172px;
--measure:42.62em;
--measure-lead:29.3em;
--w-prose:var(--measure);
--ls-normal:0;
--ls-tight:-.01em;
--ls-tighter:-.025em;
--ls-caps:.02em;
--z-raised:1; --z-sticky:10; --z-overlay:20; --z-dialog:30;
--dur-1:120ms;
--dur-2:200ms;
--ease:cubic-bezier(.2,0,0,1);
}
:root[data-theme="light"]{color-scheme:light}
@media screen and (prefers-color-scheme:dark){
:root:not([data-theme="light"]){
color-scheme:dark;
--bg:#0C0E12;
--surface:#13161B;
--surface-hover:#181B21;
--raised:#22262F;
--track:#0F1115;
--field:#0F1115;
--chip:#1D2128;
--band:#101317;
--line:#2C303A;
--line-soft:#1F232A;
--line-ctl:#656976;
--logo-line:rgba(16,24,40,.16);
--logo-bg:#FFFFFF;
--qr-paper:#FFFFFF; --qr-ink:#0F1216;
--ink:#F7F7F7;
--ink-2:#CECFD2;
--ink-3:#8E9198;
--accent:#4CC498;
--accent-hover:#63D1A8;
--accent-ink:#4CC498;
--accent-soft:#152725;
--on-accent:#06150F;
--focus:#4CC498;
--brand-block:#3DDC97;
--danger:#F97066; --on-danger:#1A0503; --danger-soft:#3A1A17;
--hover:rgba(255,255,255,.04);
--glass:rgba(12,14,18,.9);
--backdrop:rgba(5,6,9,.64);
--feat-bg:#0F1D19;
--feat-line:#1E4638;
--mask:#000000;
--shadow:rgba(0,0,0,.5);
--card:#13161B;
--bg-2:#1D2128;
--bg-3:#22262F;
--line-2:#3A3F4A;
--line-3:#F7F7F7;
--accent-2:#63D1A8;
--range-band:#2E785E;
--tick-med:#8FE3C2;
--axis:#1D2128;
--axis-line:#3A3F4A;
--hist-few:#F7F7F7;
--tick-weak:#F7F7F7;
--bar:#C3C8CE;
--bar-weak:#737A82;
--g-bg:#FFFFFF;
--g-ink:#1F1F1F;
--g-line:#747775;
--chev-img:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path d='M3 4.5 6 7.5l3-3' fill='none' stroke='%238E9198' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");
--chev:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path d='M3 4.5 6 7.5l3-3' fill='none' stroke='%238E9198' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");
--check-img:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path d='M2.5 6.2 5 8.5l4.5-5' fill='none' stroke='%2306150F' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/></svg>");
--brand-corner:#F7F7F7;
--share-2:#A9AFB6; --share-3:#9299A1; --share-4:#7D848C; --share-5:#6B7279; --share-6:#5C6269; --share-7:#4F555B; --share-8:#454A50; --share-9:#3C4146; --share-10:#35393E;
--fl-languages-bg:#10302C; --fl-languages-ink:#7FDCCF; --fl-languages-dot:#3CC2B0;
--fl-stem-bg:#132538; --fl-stem-ink:#8DB8F2; --fl-stem-dot:#5B95E6;
--fl-coding-bg:#1B1D38; --fl-coding-ink:#AEB2F6; --fl-coding-dot:#7E84EC;
--fl-general-bg:#20242B; --fl-general-ink:#C2C8D0; --fl-general-dot:#8E97A5;
--fl-medicine-bg:#351820; --fl-medicine-ink:#F2A3B3; --fl-medicine-dot:#E06A86;
--fl-law-bg:#31260F; --fl-law-ink:#F0C77A; --fl-law-dot:#D9A441;
--fl-writing-bg:#35200F; --fl-writing-ink:#F3B08A; --fl-writing-dot:#E58A54;
--fl-finance-bg:#212B12; --fl-finance-ink:#BCD98A; --fl-finance-dot:#9BBE52;
--fl-robotics-bg:#102B37; --fl-robotics-ink:#86CFEE; --fl-robotics-dot:#4FB3DC;
--fl-trades-bg:#2B221B; --fl-trades-ink:#D5B79D; --fl-trades-dot:#B8916E;
--hi:inset 0 1px 0 rgba(255,255,255,.06);
--sh-chip:0 1px 2px rgba(0,0,0,.40);
--sh-btn:none;
--sh-primary:inset 0 1px 0 rgba(255,255,255,.22);
--sh-card:none;
--sh-lift:0 8px 24px rgba(0,0,0,.40);
--sh-tile:0 12px 32px rgba(0,0,0,.50);
--sh-modal:0 26px 70px rgba(0,0,0,.65);
--sh-cursor:drop-shadow(0 1px 2px rgba(0,0,0,.6));
--hero-wash:radial-gradient(ellipse 56% 72% at 80% 24%, rgba(76,196,152,.16), transparent 70%), radial-gradient(ellipse 48% 56% at 4% 0%, rgba(80,120,200,.08), transparent 72%), linear-gradient(#0E1116, #0C0E12);
--grid-line:rgba(255,255,255,.05);
--art-fade:linear-gradient(0deg, #0C0E12 0, transparent 24%), linear-gradient(90deg, rgba(12,14,18,.9) 0, transparent 16%);
--edge-glow:radial-gradient(ellipse 48% 100% at 50% 0, rgba(76,196,152,.07), transparent 72%);
--grid-op:1;
}
}
@media screen{
:root[data-theme="dark"]{
color-scheme:dark;
--bg:#0C0E12;
--surface:#13161B;
--surface-hover:#181B21;
--raised:#22262F;
--track:#0F1115;
--field:#0F1115;
--chip:#1D2128;
--band:#101317;
--line:#2C303A;
--line-soft:#1F232A;
--line-ctl:#656976;
--logo-line:rgba(16,24,40,.16);
--logo-bg:#FFFFFF;
--qr-paper:#FFFFFF; --qr-ink:#0F1216;
--ink:#F7F7F7;
--ink-2:#CECFD2;
--ink-3:#8E9198;
--accent:#4CC498;
--accent-hover:#63D1A8;
--accent-ink:#4CC498;
--accent-soft:#152725;
--on-accent:#06150F;
--focus:#4CC498;
--brand-block:#3DDC97;
--danger:#F97066; --on-danger:#1A0503; --danger-soft:#3A1A17;
--hover:rgba(255,255,255,.04);
--glass:rgba(12,14,18,.9);
--backdrop:rgba(5,6,9,.64);
--feat-bg:#0F1D19;
--feat-line:#1E4638;
--mask:#000000;
--shadow:rgba(0,0,0,.5);
--card:#13161B;
--bg-2:#1D2128;
--bg-3:#22262F;
--line-2:#3A3F4A;
--line-3:#F7F7F7;
--accent-2:#63D1A8;
--range-band:#2E785E;
--tick-med:#8FE3C2;
--axis:#1D2128;
--axis-line:#3A3F4A;
--hist-few:#F7F7F7;
--tick-weak:#F7F7F7;
--bar:#C3C8CE;
--bar-weak:#737A82;
--g-bg:#FFFFFF;
--g-ink:#1F1F1F;
--g-line:#747775;
--chev-img:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path d='M3 4.5 6 7.5l3-3' fill='none' stroke='%238E9198' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");
--chev:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path d='M3 4.5 6 7.5l3-3' fill='none' stroke='%238E9198' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");
--check-img:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path d='M2.5 6.2 5 8.5l4.5-5' fill='none' stroke='%2306150F' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/></svg>");
--brand-corner:#F7F7F7;
--share-2:#A9AFB6; --share-3:#9299A1; --share-4:#7D848C; --share-5:#6B7279; --share-6:#5C6269; --share-7:#4F555B; --share-8:#454A50; --share-9:#3C4146; --share-10:#35393E;
--fl-languages-bg:#10302C; --fl-languages-ink:#7FDCCF; --fl-languages-dot:#3CC2B0;
--fl-stem-bg:#132538; --fl-stem-ink:#8DB8F2; --fl-stem-dot:#5B95E6;
--fl-coding-bg:#1B1D38; --fl-coding-ink:#AEB2F6; --fl-coding-dot:#7E84EC;
--fl-general-bg:#20242B; --fl-general-ink:#C2C8D0; --fl-general-dot:#8E97A5;
--fl-medicine-bg:#351820; --fl-medicine-ink:#F2A3B3; --fl-medicine-dot:#E06A86;
--fl-law-bg:#31260F; --fl-law-ink:#F0C77A; --fl-law-dot:#D9A441;
--fl-writing-bg:#35200F; --fl-writing-ink:#F3B08A; --fl-writing-dot:#E58A54;
--fl-finance-bg:#212B12; --fl-finance-ink:#BCD98A; --fl-finance-dot:#9BBE52;
--fl-robotics-bg:#102B37; --fl-robotics-ink:#86CFEE; --fl-robotics-dot:#4FB3DC;
--fl-trades-bg:#2B221B; --fl-trades-ink:#D5B79D; --fl-trades-dot:#B8916E;
--hi:inset 0 1px 0 rgba(255,255,255,.06);
--sh-chip:0 1px 2px rgba(0,0,0,.40);
--sh-btn:none;
--sh-primary:inset 0 1px 0 rgba(255,255,255,.22);
--sh-card:none;
--sh-lift:0 8px 24px rgba(0,0,0,.40);
--sh-tile:0 12px 32px rgba(0,0,0,.50);
--sh-modal:0 26px 70px rgba(0,0,0,.65);
--sh-cursor:drop-shadow(0 1px 2px rgba(0,0,0,.6));
--hero-wash:radial-gradient(ellipse 56% 72% at 80% 24%, rgba(76,196,152,.16), transparent 70%), radial-gradient(ellipse 48% 56% at 4% 0%, rgba(80,120,200,.08), transparent 72%), linear-gradient(#0E1116, #0C0E12);
--grid-line:rgba(255,255,255,.05);
--art-fade:linear-gradient(0deg, #0C0E12 0, transparent 24%), linear-gradient(90deg, rgba(12,14,18,.9) 0, transparent 16%);
--edge-glow:radial-gradient(ellipse 48% 100% at 50% 0, rgba(76,196,152,.07), transparent 72%);
--grid-op:1;
}
}