:root{color-scheme:light;--background:#fff;--foreground:#171717;--font-sans:'Aeonik','Geist Sans','Geist',ui-sans-serif,system-ui,sans-serif;--font-serif:'Exposure',ui-serif,georgia,'Times New Roman',serif;--font-mono:'Geist Mono',ui-monospace,monospace;--text-h1:64px;--text-h2:48px;--text-h3:36px;--text-h4:28px;--leading-h4:36px;--text-h5:24px;--leading-h5:32px;--text-h6:20px;--leading-h6:28px;--text-body:16px;--leading-body:24px;--text-body-2:14px;--leading-body-2:20px;--text-caption:12px;--leading-caption:16px;--tracking-headline:-0.5px;--tracking-body:0.3px;--tracking-small:0.5px;--transition-base:0.2s ease-in-out;--control-l:48px;--control-m:40px;--icon-l:24px;--icon-m:20px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--color-blue-300:#3b82f6;--color-blue-500:#1a42e8;--color-blue-900:#0b1b60;--color-green-50:#edffe0;--color-green-100:#e1ffcb;--color-green-300:#c3ff96;--color-green-700:#435535;--color-gray-50:#f7f7f9;--color-gray-100:#e6e6e6;--color-gray-200:#ccc;--color-gray-300:#b3b3b3;--color-gray-400:#999;--color-gray-500:#808080;--color-gray-600:#666;--color-gray-700:#4d4d4d;--color-gray-800:#333;--color-gray-950:#141414;--color-brand-blue:var(--color-blue-500);--color-brand-white:#fff;--color-brand-black:#000;--color-notification-bg:#e0e9fd;--color-error:#e5484d;--color-error-bg:#fdecec;--color-warning-bg:#fdf3e1;--color-warning-text:#8a5200;--gradient-01:linear-gradient(118deg, #1a42e8 1.2%, #adffa4 58.7%, #aee81a 101%)}*,::after,::before{box-sizing:border-box}*{margin:0}html{height:100%;-webkit-font-smoothing:antialiased}body{min-height:100%;background:var(--background);color:var(--foreground);font-family:var(--font-sans);font-size:var(--text-body);line-height:1.5;letter-spacing:var(--tracking-body)}h1,h2,h3,ol,p,ul{margin:0;padding:0}ol,ul{list-style:none}img,svg{display:block;max-width:100%}button,input,textarea{font:inherit;color:inherit;background:0 0;border:none;padding:0}button{cursor:pointer}a{color:var(--color-brand-blue)}::selection{background:var(--color-brand-black);color:var(--color-brand-white)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media (prefers-reduced-motion:reduce){*,::after,::before{transition:none!important;animation:none!important}}.page{position:relative;min-height:100vh}.page::after,.page::before{content:'';position:absolute;top:0;bottom:0;width:1px;background:var(--color-gray-100);pointer-events:none}.page::before{left:5rem}.page::after{right:5rem}@media (width <= 1200px){.page::after,.page::before{content:none}}.tag{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);font-size:var(--text-caption);line-height:var(--leading-caption);letter-spacing:var(--tracking-small);text-transform:uppercase;white-space:nowrap;background:var(--color-gray-100);color:var(--color-gray-600)}.tag[data-tone=green]{background:var(--color-green-100);color:var(--color-green-700)}.tag[data-tone=blue]{background:var(--color-notification-bg);color:var(--color-blue-900)}.tag[data-tone=amber]{background:var(--color-warning-bg);color:var(--color-warning-text)}.nav{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-12)}.nav[data-align=start]{justify-content:flex-start}.btn{--arrow-cycle:40px;--btn-h:var(--control-l);--btn-icon:var(--icon-l);--btn-gap:20px;--btn-pad:20px 30px;--btn-gap-hover:14px;--btn-pad-hover:6px 20px;--btn-dot:38px;position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;height:var(--btn-h);gap:var(--btn-gap);padding-inline:var(--btn-pad);overflow:hidden;border-radius:0;text-decoration:none;transition:gap var(--transition-base),padding var(--transition-base),background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base)}.btn:active,.btn:hover{gap:var(--btn-gap-hover);padding-inline:var(--btn-pad-hover)}.btn:focus-visible{outline:2px solid var(--color-brand-blue);outline-offset:2px}.btn .label{position:relative;z-index:1;font-size:var(--text-body);line-height:var(--leading-body-2);font-weight:400;letter-spacing:var(--tracking-body);white-space:nowrap}.btn .dot{position:relative;z-index:1;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:8px;height:8px;overflow:hidden;transition:width var(--transition-base),height var(--transition-base),background-color var(--transition-base)}.btn .arrows{position:absolute;display:flex;width:var(--btn-icon);height:var(--btn-icon);transform:translateX(calc(-1 * var(--arrow-cycle)));opacity:0;transition:transform var(--transition-base),opacity var(--transition-base)}.btn .track{display:flex;gap:16px}.btn .track svg{flex-shrink:0;width:var(--btn-icon);height:var(--btn-icon)}.btn:active .dot,.btn:hover .dot{width:var(--btn-dot);height:var(--btn-dot)}.btn:active .arrows,.btn:hover .arrows{transform:translateX(0);opacity:1}@media (prefers-reduced-motion:no-preference){.btn:active .track,.btn:hover .track{animation:arrow-loop .4s linear infinite}}@keyframes arrow-loop{from{transform:translateX(calc(-1 * var(--arrow-cycle)))}to{transform:translateX(0)}}.btn[data-arrow=back] .arrows{rotate:180deg}.btn .glow{position:absolute;top:50%;left:50%;width:500px;height:500px;background:var(--color-brand-blue);filter:blur(75px);transform:translate(calc(-50% + 640px),-50%);transition:transform .4s ease-in-out;pointer-events:none}.btn:active .glow,.btn:hover .glow{transform:translate(-50%,-50%)}.btn[data-variant=primary]{background:var(--color-brand-black);color:var(--color-brand-white)}.btn[data-variant=primary] .dot{background:var(--color-brand-white);color:var(--color-brand-black)}.btn[data-variant=primary]:hover .dot{background:rgb(255 255 255 / 20%);color:var(--color-brand-white)}.btn[data-variant=secondary]{border-top:1px solid var(--color-gray-100);color:var(--color-brand-black)}.btn[data-variant=secondary] .glow{display:none}.btn[data-variant=secondary] .dot{background:var(--color-brand-black);color:var(--color-brand-black)}.btn[data-variant=secondary]:hover{border-top-color:transparent;background:rgb(0 0 0 / 5%)}.btn[data-variant=secondary]:hover .dot{background:rgb(0 0 0 / 10%)}.btn:disabled{opacity:.5;cursor:not-allowed}
