@import"https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--ink-950: #07090F;--ink-900: #0D111B;--ink-800: #111726;--ink-700: #172033;--ink-600: #1F2A42;--ink-500: #2B3A59;--ink-400: #4B5874;--ink-300: #6F7A93;--ink-200: #A7B0C4;--ink-100: #D9DEE8;--ink-50: #EEF1F6;--paper-0: #FFFFFF;--paper-50: #FAFAFC;--paper-100: #F4F5F8;--paper-200: #EAECF1;--paper-300: #D9DCE4;--paper-400: #B7BCC9;--yellow-300: #FFEA80;--yellow-400: #FFDE3D;--yellow-500: #FFD100;--yellow-600: #E5B800;--yellow-700: #B38F00;--red-400: #FF5A6F;--red-500: #E11D48;--red-600: #BE123C;--blue-400: #5B8CFF;--blue-500: #2563EB;--blue-600: #1D4ED8;--green-500: #10B981;--amber-500: #F59E0B;--world-primary: #2563EB;--world-secondary: #F59E0B;--world-ink: #0D111B;--bg-page: var(--paper-50);--bg-page-alt: var(--paper-0);--bg-page-deep: var(--paper-100);--bg-ink: var(--ink-900);--bg-ink-deep: var(--ink-950);--bg-ink-panel: var(--ink-800);--fg-ink: var(--ink-950);--fg-body: var(--ink-700);--fg-muted: var(--ink-400);--fg-faint: var(--ink-300);--fg-on-dark: #F2F4F9;--fg-on-dark-muted: rgba(242,244,249,.68);--fg-on-dark-faint: rgba(242,244,249,.42);--line: rgba(13,17,27,.08);--line-strong: rgba(13,17,27,.14);--line-on-dark: rgba(242,244,249,.1);--line-on-dark-strong: rgba(242,244,249,.18);--grad-stage: radial-gradient(80% 60% at 20% 0%, rgba(255,209,0,.1), transparent 60%), radial-gradient(70% 80% at 100% 100%, rgba(37,99,235,.22), transparent 65%), linear-gradient(180deg, #0D111B 0%, #07090F 100%);--grad-spotlight: radial-gradient(60% 80% at 50% 0%, rgba(255,222,61,.18), transparent 55%), linear-gradient(180deg, #111726 0%, #07090F 100%);--grad-world-blue: radial-gradient(70% 80% at 10% 0%, rgba(91,140,255,.35), transparent 60%), linear-gradient(180deg, #0D1B3C 0%, #060A1B 100%);--grad-foil: linear-gradient(135deg, #E5B800 0%, #FFD100 35%, #FFEA80 50%, #FFD100 65%, #B38F00 100%);--grad-highlight: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0) 50%);--shadow-xs: 0 1px 2px rgba(13,17,27,.06);--shadow-sm: 0 1px 2px rgba(13,17,27,.06), 0 2px 6px rgba(13,17,27,.06);--shadow-md: 0 4px 10px rgba(13,17,27,.08), 0 12px 24px rgba(13,17,27,.1);--shadow-lg: 0 12px 24px rgba(13,17,27,.1), 0 24px 64px rgba(13,17,27,.16);--shadow-xl: 0 24px 64px rgba(13,17,27,.24);--shadow-focus: 0 0 0 3px rgba(255,209,0,.45);--shadow-on-dark-md: 0 12px 28px rgba(0,0,0,.4), 0 2px 4px rgba(0,0,0,.32);--shadow-on-dark-lg: 0 24px 56px rgba(0,0,0,.55), 0 4px 10px rgba(0,0,0,.38);--font-display: "Inter Tight", "Inter", ui-sans-serif, system-ui, sans-serif;--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;--r-xs: 6px;--r-sm: 10px;--r-md: 14px;--r-lg: 18px;--r-xl: 24px;--r-2xl: 32px;--r-3xl: 40px;--r-full: 9999px;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-soft: cubic-bezier(.33, 1, .68, 1);--ease-spring: cubic-bezier(.34, 1.4, .5, 1);--dur-fast: .16s;--dur-base: .26s;--dur-slow: .48s;--dur-cine: .8s;--max-w: 1440px;--gutter: clamp(20px, 3vw, 48px);--nav-h: 72px}html,body{margin:0;padding:0;background:var(--bg-page);color:var(--fg-body);font-family:var(--font-sans);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"ss01","cv11"}*{box-sizing:border-box}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit}::selection{background:var(--yellow-400);color:var(--ink-950)}.display-xl{font-family:var(--font-display);font-weight:800;font-size:clamp(52px,7vw,104px);line-height:.96;letter-spacing:-.035em;color:var(--fg-ink)}.display-l{font-family:var(--font-display);font-weight:800;font-size:clamp(40px,5vw,72px);line-height:1;letter-spacing:-.03em;color:var(--fg-ink)}.display-m{font-family:var(--font-display);font-weight:700;font-size:clamp(30px,3.4vw,48px);line-height:1.05;letter-spacing:-.024em;color:var(--fg-ink)}.display-s{font-family:var(--font-display);font-weight:700;font-size:clamp(22px,2vw,30px);line-height:1.12;letter-spacing:-.02em;color:var(--fg-ink)}.display-xs{font-family:var(--font-display);font-weight:700;font-size:19px;line-height:1.2;letter-spacing:-.015em;color:var(--fg-ink)}.body-lg{font-size:17px;line-height:1.55;color:var(--fg-body)}.body-md{font-size:15px;line-height:1.6;color:var(--fg-body)}.body-sm{font-size:13px;line-height:1.55;color:var(--fg-muted)}.body-xs{font-size:12px;line-height:1.5;color:var(--fg-muted)}.eyebrow{font-family:var(--font-sans);font-weight:700;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-muted);display:inline-flex;align-items:center;gap:8px}.eyebrow.on-dark{color:var(--fg-on-dark-muted)}.eyebrow-accent{color:var(--yellow-600)}.eyebrow-accent.on-dark{color:var(--yellow-400)}.label-caps{font-family:var(--font-sans);font-weight:700;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted)}.mono{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:var(--r-full);font-family:var(--font-sans);font-weight:600;font-size:14px;letter-spacing:-.005em;border:none;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);line-height:1;white-space:nowrap;position:relative}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--ink-950);color:var(--fg-on-dark);box-shadow:0 1px #ffffff0f inset,0 6px 16px #0d111b33}.btn-primary:hover{background:var(--ink-800);box-shadow:0 1px #ffffff14 inset,0 10px 22px #0d111b4d}.btn-yellow{background:var(--yellow-500);color:var(--ink-950);box-shadow:0 1px #ffffff4d inset,0 6px 16px #ffd1004d}.btn-yellow:hover{background:var(--yellow-400);box-shadow:0 1px #fff6 inset,0 10px 22px #ffd10066}.btn-ghost{background:transparent;color:var(--fg-ink);border:1.5px solid var(--line-strong)}.btn-ghost:hover{background:#0d111b0a;border-color:var(--ink-500)}.btn-ghost-dark{background:transparent;color:var(--fg-on-dark);border:1.5px solid var(--line-on-dark-strong)}.btn-ghost-dark:hover{background:#ffffff0f;border-color:#ffffff47}.btn-light{background:var(--paper-0);color:var(--ink-950);box-shadow:0 1px 2px #0d111b14,0 6px 14px #0d111b1a}.btn-light:hover{background:var(--paper-50)}.btn-sm{padding:9px 14px;font-size:13px}.btn-lg{padding:16px 24px;font-size:15px}.btn-icon{width:40px;height:40px;padding:0}.btn-icon.btn-sm{width:34px;height:34px}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--r-full);background:#0d111b0d;color:var(--fg-ink);font-size:12px;font-weight:600;border:1px solid var(--line);transition:all var(--dur-fast) var(--ease-out)}.chip.on-dark{background:#ffffff0f;color:var(--fg-on-dark);border-color:var(--line-on-dark-strong)}.chip:hover{background:#0d111b14}.chip.on-dark:hover{background:#ffffff1f}.chip-yellow{background:var(--yellow-500);color:var(--ink-950);border-color:transparent;font-weight:700}.chip-red{background:var(--red-500);color:#fff;border-color:transparent;font-weight:700}.chip-live{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 8px;border-radius:var(--r-full);background:#e11d481f;color:var(--red-500);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.chip-live:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--red-500);box-shadow:0 0 0 3px #e11d4833;animation:pulse-dot 1.8s var(--ease-out) infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.official-mark{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-sans);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted);padding:6px 10px 6px 8px;border:1px solid var(--line-strong);border-radius:var(--r-full);background:#ffffff80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.official-mark svg{width:12px;height:12px;color:var(--yellow-600)}.official-mark.on-dark{color:var(--fg-on-dark-muted);background:#ffffff0f;border-color:var(--line-on-dark-strong)}.official-mark.on-dark svg{color:var(--yellow-400)}.card{background:var(--paper-0);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}.card:hover{box-shadow:var(--shadow-lg);border-color:var(--line-strong);transform:translateY(-2px)}.card-dark{background:var(--ink-800);border:1px solid var(--line-on-dark-strong);border-radius:var(--r-xl);overflow:hidden;color:var(--fg-on-dark);transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}.card-dark:hover{box-shadow:var(--shadow-on-dark-lg);border-color:#ffffff3d;transform:translateY(-2px)}.container{max-width:var(--max-w);margin:0 auto;padding:0 var(--gutter)}.container-tight{max-width:1200px;margin:0 auto;padding:0 var(--gutter)}section{position:relative}.section{padding:clamp(56px,7vw,112px) 0}.section-sm{padding:clamp(40px,4.5vw,72px) 0}.hairline{height:1px;background:var(--line);width:100%}.hairline-on-dark{background:var(--line-on-dark)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.nice-scroll::-webkit-scrollbar{height:8px;width:8px}.nice-scroll::-webkit-scrollbar-thumb{background:#0d111b2e;border-radius:999px}.nice-scroll::-webkit-scrollbar-track{background:transparent}.nice-scroll.on-dark::-webkit-scrollbar-thumb{background:#ffffff2e}.mesh-flare{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(50% 60% at 12% 18%,rgba(255,222,61,.18),transparent 60%),radial-gradient(40% 50% at 90% 10%,rgba(91,140,255,.28),transparent 60%),radial-gradient(45% 60% at 80% 100%,rgba(225,29,72,.18),transparent 60%);mix-blend-mode:screen}.noise{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.4;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.05 0'/></filter><rect width='220' height='220' filter='url(%23n)'/></svg>")}:focus-visible{outline:2px solid transparent;outline-offset:2px;box-shadow:var(--shadow-focus);border-radius:6px}@media(forced-colors:active){:focus-visible{outline-color:Highlight}}.link-accent{color:var(--ink-950);font-weight:600;border-bottom:1.5px solid var(--yellow-500);transition:color var(--dur-fast),border-color var(--dur-fast)}.link-accent:hover{color:var(--yellow-700);border-color:var(--yellow-700)}.link-accent.on-dark{color:var(--fg-on-dark);border-color:var(--yellow-400)}.link-accent.on-dark:hover{color:var(--yellow-400)}.tag{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:var(--r-xs);font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:#0d111b0f;color:var(--fg-muted)}.tag.on-dark{background:#ffffff14;color:var(--fg-on-dark-muted)}.tag-world{background:color-mix(in oklab,var(--world-primary) 12%,transparent);color:var(--world-primary)}.arrow-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--line-strong);background:var(--paper-0);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--dur-fast) var(--ease-out);color:var(--fg-ink)}.arrow-btn:hover{background:var(--ink-950);color:var(--fg-on-dark);border-color:var(--ink-950)}.arrow-btn.on-dark{background:#ffffff0f;border-color:var(--line-on-dark-strong);color:var(--fg-on-dark)}.arrow-btn.on-dark:hover{background:var(--yellow-500);color:var(--ink-950);border-color:var(--yellow-500)}.arrow-btn:disabled{opacity:.4;cursor:not-allowed}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.hide-scrollbar{scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.yats-section{padding:clamp(56px,7vw,112px) 0}
/*# sourceMappingURL=/cdn/shop/t/15/assets/yats-tokens.css.map */