@font-face{font-family:"Aeroko";src:url(/fonts/aeroko-regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Aeroko";src:url(/fonts/aeroko-medium.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Aeroko Wide";src:url(/fonts/aeroko-wide-bold.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"GXJ Sans";src:url(/fonts/outfit-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"GXJ Sans";src:url(/fonts/outfit-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"GXJ Mono";src:url(/fonts/share-tech-mono.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face {
  font-family: "MunrolaneMedium";
  font-display: swap;
  src: url('/fonts/webFonts/MunrolaneMedium/font.woff2') format('woff2'), url('/fonts/webFonts/MunrolaneMedium/font.woff') format('woff');
}
:root{--gx-space-0:0;--gx-space-1:4px;--gx-space-2:8px;--gx-space-3:12px;--gx-space-4:16px;--gx-space-5:24px;--gx-space-6:32px;--gx-space-7:48px;--gx-space-8:64px;--gx-space-9:96px;--gx-space-10:128px;--gx-size-2xs:11px;--gx-size-xs:12px;--gx-size-sm:13px;--gx-size-md:14px;--gx-size-base:15px;--gx-size-lg:18px;--gx-size-xl:clamp(20px,2vw,26px);--gx-size-2xl:clamp(24px,2.6vw,34px);--gx-size-3xl:clamp(30px,3.6vw,46px);--gx-size-4xl:clamp(34px,5.6vw,84px);--gx-leading-tight:1.05;--gx-leading-snug:1.25;--gx-leading-base:1.55;--gx-leading-loose:1.7;--gx-tracking-tight:-.015em;--gx-tracking-none:0;--gx-tracking-label:.14em;--gx-tracking-payoff:.12em;--gx-tracking-wide:.28em;--gx-weight-regular:400;--gx-weight-medium:500;--gx-weight-bold:700;--gx-dur-fast:160ms;--gx-dur-base:260ms;--gx-dur-slow:600ms;--gx-dur-reveal:1100ms;--gx-ease-out:cubic-bezier(.16,1,.3,1);--gx-ease-inOut:cubic-bezier(.65,0,.35,1);--gx-ease-linear:linear;--gx-container-text:68ch;--gx-container-narrow:720px;--gx-container-base:1040px;--gx-container-wide:1280px;--gx-z-base:1;--gx-z-sticky:20;--gx-z-chrome:30;--gx-z-overlay:60;--gx-z-modal:70;--gx-z-toast:80;--gx-density:1;--gx-gutter:clamp(16px,2.6vw,32px)}
:root,[data-gx-theme="gxj"]{--gx-bg:#0d0c0c;--gx-bg-2:#151313;--gx-bg-3:#1d1a1a;--gx-surface:#171515;--gx-surface-2:#201c1c;--gx-fg:#f2f0eb;--gx-fg-2:rgba(242,240,235,.78);--gx-fg-3:rgba(242,240,235,.58);--gx-fg-4:rgba(242,240,235,.52);--gx-line:rgba(242,240,235,.10);--gx-line-2:rgba(242,240,235,.18);--gx-accent:#e9a54b;--gx-accent-2:#f6c98a;--gx-accent-fg:#141212;--gx-accent-wash:rgba(233,165,75,.10);--gx-accent-glow:rgba(233,165,75,.45);--gx-copper:#cf7a44;--gx-metal-1:#e4e0df;--gx-metal-2:#8e8888;--gx-stone:#4a4743;--gx-success:#5bd27a;--gx-warning:#e9c24b;--gx-danger:#ef6a5a;--gx-info:#8fb8de;--gx-btn-bg:linear-gradient(180deg,#fbf6f3,#e4e0df);--gx-btn-fg:#141212;--gx-focus:#e9a54b;--gx-overlay:rgba(8,7,7,.72);--gx-font-display:"Aeroko","GXJ Sans",system-ui,sans-serif;--gx-font-title:"MunrolaneMedium",Georgia,serif;--gx-font-wide:"Aeroko Wide","Aeroko",system-ui,sans-serif;--gx-font-body:"GXJ Sans",system-ui,sans-serif;--gx-font-mono:"GXJ Mono",ui-monospace,Menlo,monospace;--gx-radius-xs:6px;--gx-radius-sm:10px;--gx-radius-md:16px;--gx-radius-lg:24px;--gx-radius-xl:32px;--gx-radius-card:50px;--gx-radius-pill:999px;--gx-shadow-1:0 6px 18px rgba(0,0,0,.28);--gx-shadow-2:0 24px 60px rgba(0,0,0,.45);--gx-shadow-3:0 60px 120px rgba(0,0,0,.6);--gx-shadow-mark:drop-shadow(0 4px 14px rgba(0,0,0,.45));--gx-gradient-metal:linear-gradient(100deg,#e4e0df 10%,#f6c98a 55%,#cf7a44);--gx-gradient-glow:radial-gradient(60% 60% at 50% 40%,rgba(233,165,75,.18),transparent 70%);--gx-title-transform:uppercase;--gx-title-tracking:.01em;--gx-scheme:dark;color-scheme:dark}
[data-gx-theme="client"]{--gx-bg:#ffffff;--gx-bg-2:#f6f6f4;--gx-bg-3:#ecebe8;--gx-surface:#ffffff;--gx-surface-2:#f6f6f4;--gx-fg:#16161a;--gx-fg-2:rgba(22,22,26,.80);--gx-fg-3:rgba(22,22,26,.72);--gx-fg-4:rgba(22,22,26,.62);--gx-line:rgba(22,22,26,.10);--gx-line-2:rgba(22,22,26,.18);--gx-accent:#2f5bea;--gx-accent-2:#5f81f0;--gx-accent-fg:#ffffff;--gx-accent-wash:rgba(47,91,234,.08);--gx-accent-glow:rgba(47,91,234,.30);--gx-copper:#2f5bea;--gx-metal-1:#16161a;--gx-metal-2:#5f5f66;--gx-stone:#8a8a90;--gx-success:#1f8a4c;--gx-warning:#a86b00;--gx-danger:#c8372d;--gx-info:#2563a8;--gx-btn-bg:#2f5bea;--gx-btn-fg:#ffffff;--gx-focus:#2f5bea;--gx-overlay:rgba(16,16,20,.55);--gx-font-display:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--gx-font-title:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--gx-font-wide:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--gx-font-body:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--gx-font-mono:ui-monospace,SFMono-Regular,Menlo,monospace;--gx-radius-xs:4px;--gx-radius-sm:6px;--gx-radius-md:10px;--gx-radius-lg:14px;--gx-radius-xl:20px;--gx-radius-card:20px;--gx-radius-pill:999px;--gx-shadow-1:0 1px 2px rgba(16,16,20,.06),0 2px 8px rgba(16,16,20,.06);--gx-shadow-2:0 12px 32px rgba(16,16,20,.10);--gx-shadow-3:0 30px 80px rgba(16,16,20,.16);--gx-shadow-mark:none;--gx-gradient-metal:linear-gradient(100deg,#16161a,#2f5bea);--gx-gradient-glow:radial-gradient(60% 60% at 50% 40%,rgba(47,91,234,.10),transparent 70%);--gx-title-transform:none;--gx-title-tracking:-.02em;--gx-scheme:light;color-scheme:light}
[data-gx-theme="client"][data-gx-scheme="dark"]{--gx-bg:#0f1013;--gx-bg-2:#16171b;--gx-bg-3:#1e2025;--gx-surface:#16171b;--gx-surface-2:#1e2025;--gx-fg:#f3f3f5;--gx-fg-2:rgba(243,243,245,.80);--gx-fg-3:rgba(243,243,245,.66);--gx-fg-4:rgba(243,243,245,.52);--gx-line:rgba(243,243,245,.10);--gx-line-2:rgba(243,243,245,.18);--gx-overlay:rgba(0,0,0,.6);--gx-scheme:dark;color-scheme:dark}
[data-gx-theme="gxj"][data-gx-brand="world"]{--gx-accent:#e9a54b;--gx-focus:#e9a54b;--gx-accent-wash:color-mix(in srgb,#e9a54b 12%,transparent);--gx-accent-glow:color-mix(in srgb,#e9a54b 45%,transparent)}
[data-gx-theme="gxj"][data-gx-brand="ai"]{--gx-accent:#cea281;--gx-focus:#cea281;--gx-accent-wash:color-mix(in srgb,#cea281 12%,transparent);--gx-accent-glow:color-mix(in srgb,#cea281 45%,transparent)}
[data-gx-theme="gxj"][data-gx-brand="studios"]{--gx-accent:#d8c7a8;--gx-focus:#d8c7a8;--gx-accent-wash:color-mix(in srgb,#d8c7a8 12%,transparent);--gx-accent-glow:color-mix(in srgb,#d8c7a8 45%,transparent)}
[data-gx-theme="gxj"][data-gx-brand="events"]{--gx-accent:#b5a691;--gx-focus:#b5a691;--gx-accent-wash:color-mix(in srgb,#b5a691 12%,transparent);--gx-accent-glow:color-mix(in srgb,#b5a691 45%,transparent)}
[data-gx-theme="gxj"][data-gx-brand="productions"]{--gx-accent:#cea281;--gx-focus:#cea281;--gx-accent-wash:color-mix(in srgb,#cea281 12%,transparent);--gx-accent-glow:color-mix(in srgb,#cea281 45%,transparent)}
[data-gx-theme="gxj"][data-gx-brand="beats"]{--gx-accent:#92bce1;--gx-focus:#92bce1;--gx-accent-wash:color-mix(in srgb,#92bce1 12%,transparent);--gx-accent-glow:color-mix(in srgb,#92bce1 45%,transparent)}
[data-gx-theme="gxj"][data-gx-brand="signatures"]{--gx-accent:#e9a54b;--gx-focus:#e9a54b;--gx-accent-wash:color-mix(in srgb,#e9a54b 12%,transparent);--gx-accent-glow:color-mix(in srgb,#e9a54b 45%,transparent)}
[data-gx-theme="gxj"][data-gx-brand="partnerships"]{--gx-accent:#c9b79a;--gx-focus:#c9b79a;--gx-accent-wash:color-mix(in srgb,#c9b79a 12%,transparent);--gx-accent-glow:color-mix(in srgb,#c9b79a 45%,transparent)}
[data-gx-theme="gxj"][data-gx-brand="design"]{--gx-accent:#d6b48f;--gx-focus:#d6b48f;--gx-accent-wash:color-mix(in srgb,#d6b48f 12%,transparent);--gx-accent-glow:color-mix(in srgb,#d6b48f 45%,transparent)}
[data-gx-theme="gxj"][data-gx-brand="caniche"]{--gx-accent:#e9a54b;--gx-focus:#e9a54b;--gx-accent-wash:color-mix(in srgb,#e9a54b 12%,transparent);--gx-accent-glow:color-mix(in srgb,#e9a54b 45%,transparent)}
.gx-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.gx-icon{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.gx-wm{height:12px;width:auto;display:block}
.gx-stack{display:flex;flex-direction:column;gap:calc(var(--gx-space-3)*var(--gx-density))}
.gx-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gx-space-3)}
.gx-row--end{justify-content:flex-end}
.gx-text{margin:0;font-size:var(--gx-size-base);line-height:var(--gx-leading-base);color:var(--gx-fg-2);max-width:var(--gx-container-text)}
.gx-lead{margin:0;font-size:var(--gx-size-base);line-height:var(--gx-leading-base);color:var(--gx-fg-3);max-width:52ch}
.gx-panel{padding:calc(var(--gx-space-6)*var(--gx-density));border-radius:var(--gx-radius-xl);background:var(--gx-surface);border:1px solid var(--gx-line)}
.gx-r-card{border-radius:var(--gx-radius-card)}.gx-r-lg{border-radius:var(--gx-radius-lg)}.gx-r-none{border-radius:0}
:where(.gx-btn,.gx-input,.gx-link,summary,[tabindex],a,button):focus-visible{outline:2px solid var(--gx-focus);outline-offset:3px}
.gx-h{margin:0;font-family:var(--gx-font-display);font-weight:var(--gx-weight-regular);color:var(--gx-fg);letter-spacing:var(--gx-tracking-tight);text-wrap:balance}
.gx-h--hero{font-size:var(--gx-size-3xl);line-height:1.08}
.gx-h--section{font-size:var(--gx-size-2xl);line-height:1.12}
.gx-h--sub{font-size:var(--gx-size-xl);line-height:1.2}
.gx-h--card{font-size:var(--gx-size-lg);line-height:1.3;font-weight:var(--gx-weight-medium);font-family:var(--gx-font-body);letter-spacing:0}
.gx-h--over-beeld{font-family:var(--gx-font-title);font-size:var(--gx-size-4xl);line-height:1.02;text-transform:var(--gx-title-transform);letter-spacing:var(--gx-title-tracking)}
.gx-metal{color:var(--gx-accent);background:var(--gx-gradient-metal);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
@media (forced-colors:active){.gx-metal{-webkit-text-fill-color:currentColor;background:none}}
.gx-payoff{margin:0;font-family:var(--gx-font-display);font-size:var(--gx-size-sm);letter-spacing:var(--gx-tracking-payoff);text-transform:uppercase;color:var(--gx-fg)}
.gx-mono{margin:0;font-family:var(--gx-font-mono);font-size:var(--gx-size-2xs);letter-spacing:var(--gx-tracking-label);text-transform:uppercase;color:var(--gx-fg-3)}
.gx-sec-label{margin:0;font-size:var(--gx-size-md);color:var(--gx-fg-3)}
.gx-btn{--h:42px;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--gx-space-2);min-height:var(--h);padding:0 calc(var(--h)*.48);border:1px solid transparent;border-radius:var(--gx-radius-pill);font:inherit;font-family:var(--gx-font-body);font-size:var(--gx-size-md);font-weight:var(--gx-weight-medium);line-height:1;letter-spacing:.01em;text-decoration:none;white-space:nowrap;cursor:pointer;color:var(--gx-fg);background:none;-webkit-tap-highlight-color:transparent;transition:transform var(--gx-dur-fast) var(--gx-ease-out),background-color var(--gx-dur-base),border-color var(--gx-dur-base),color var(--gx-dur-base),box-shadow var(--gx-dur-base)}
.gx-btn .gx-icon{width:18px;height:18px;transition:transform var(--gx-dur-base) var(--gx-ease-out)}
.gx-btn:hover .gx-icon:last-child{transform:translateX(2px)}
.gx-btn:active{transform:scale(.97)}
.gx-btn--sm{--h:36px;font-size:var(--gx-size-sm)}
.gx-btn--lg{--h:52px;font-size:var(--gx-size-base)}
.gx-btn--full{display:flex;width:100%}
.gx-btn--icon{padding:0;width:var(--h)}
.gx-btn--primary{background:var(--gx-btn-bg);color:var(--gx-btn-fg);box-shadow:var(--gx-shadow-1)}
.gx-btn--primary:hover{filter:brightness(1.04);box-shadow:var(--gx-shadow-2)}
.gx-btn--secondary{border-color:var(--gx-line-2);background:color-mix(in srgb,var(--gx-fg) 4%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.gx-btn--secondary:hover{border-color:var(--gx-fg-3);background:color-mix(in srgb,var(--gx-fg) 8%,transparent)}
.gx-btn--ghost{color:var(--gx-fg-2)}
.gx-btn--ghost:hover{color:var(--gx-fg);background:color-mix(in srgb,var(--gx-fg) 6%,transparent)}
.gx-btn--accent{background:var(--gx-accent);color:var(--gx-accent-fg)}
.gx-btn--accent:hover{box-shadow:0 8px 30px var(--gx-accent-glow)}
.gx-btn--link{--h:auto;padding:0;border-radius:0;color:var(--gx-fg);border-bottom:1px solid var(--gx-line-2);padding-bottom:3px}
.gx-btn--link:hover{border-color:var(--gx-fg)}
.gx-btn:disabled,.gx-btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}
.gx-btn[aria-busy=true]{cursor:progress}
.gx-link{color:var(--gx-fg);text-decoration:underline;text-decoration-color:var(--gx-line-2);text-underline-offset:.22em;text-decoration-thickness:1px;transition:text-decoration-color var(--gx-dur-base)}
.gx-link:hover{text-decoration-color:currentColor}
.gx-link--arrow{display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-size:var(--gx-size-md)}
.gx-link--arrow .gx-icon{width:16px;height:16px;transition:transform var(--gx-dur-base) var(--gx-ease-out)}
.gx-link--arrow:hover .gx-icon{transform:translate(2px,-1px)}
.gx-link--underline{text-decoration:none;border-bottom:1px solid var(--gx-line-2);padding-bottom:3px;font-size:var(--gx-size-base)}
.gx-link--underline:hover{border-color:var(--gx-fg)}
.gx-badge{--c:var(--gx-fg-2);display:inline-flex;align-items:center;gap:7px;height:24px;padding:0 10px;border-radius:var(--gx-radius-pill);font-size:var(--gx-size-xs);line-height:1;white-space:nowrap;color:var(--c);background:color-mix(in srgb,var(--c) 12%,transparent)}
.gx-badge i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 20%,transparent)}
.gx-badge--accent{--c:var(--gx-accent)}.gx-badge--success{--c:var(--gx-success)}.gx-badge--warning{--c:var(--gx-warning)}.gx-badge--danger{--c:var(--gx-danger)}.gx-badge--info{--c:var(--gx-info)}
.gx-badge--solid{background:var(--c);color:var(--gx-bg)}
.gx-badge--outline{background:none;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 55%,transparent)}
.gx-field{display:flex;flex-direction:column;gap:var(--gx-space-2);min-width:0}
.gx-label{font-size:var(--gx-size-sm);font-weight:var(--gx-weight-medium);color:var(--gx-fg-2);padding:0}
.gx-req{color:var(--gx-accent)}
.gx-input{width:100%;min-height:46px;padding:0 var(--gx-space-4);border:1px solid var(--gx-line-2);border-radius:var(--gx-radius-md);background:color-mix(in srgb,var(--gx-fg) 3%,transparent);color:var(--gx-fg);font:inherit;font-size:16px;transition:border-color var(--gx-dur-base),box-shadow var(--gx-dur-base)}
.gx-input::placeholder{color:var(--gx-fg-4)}
.gx-input:hover{border-color:var(--gx-fg-4)}
.gx-input:focus{outline:none;border-color:var(--gx-accent);box-shadow:0 0 0 3px var(--gx-accent-wash)}
.gx-input:disabled{opacity:.5;cursor:not-allowed}
.gx-input[aria-invalid=true],.gx-field.is-invalid .gx-input{border-color:var(--gx-danger)}
.gx-input[aria-invalid=true]:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--gx-danger) 18%,transparent)}
.gx-hint{display:flex;align-items:center;gap:6px;margin:0;font-size:var(--gx-size-xs);color:var(--gx-fg-3)}
.gx-hint .gx-icon{width:15px;height:15px}
.gx-hint--error{color:var(--gx-danger)}
.gx-textarea{min-height:120px;padding:var(--gx-space-3) var(--gx-space-4);resize:vertical;line-height:var(--gx-leading-base);field-sizing:content}
.gx-select{position:relative}
.gx-select select{appearance:none;padding-right:44px;cursor:pointer}
.gx-select .gx-icon{position:absolute;right:14px;top:50%;translate:0 -50%;pointer-events:none;color:var(--gx-fg-3)}
.gx-select option{background:var(--gx-surface);color:var(--gx-fg)}
.gx-check,.gx-radio,.gx-switch{position:relative;display:inline-flex;align-items:center;gap:var(--gx-space-3);min-height:44px;font-size:var(--gx-size-md);color:var(--gx-fg-2);cursor:pointer}
.gx-check input,.gx-radio input,.gx-switch input{position:absolute;opacity:0;width:22px;height:22px;margin:0;cursor:inherit}
.gx-check__box{display:grid;place-items:center;width:20px;height:20px;flex:none;border:1px solid var(--gx-line-2);border-radius:var(--gx-radius-xs);transition:background var(--gx-dur-fast),border-color var(--gx-dur-fast)}
.gx-check__box .gx-icon{width:14px;height:14px;stroke-width:2.2;color:var(--gx-accent-fg);opacity:0;transform:scale(.6);transition:opacity var(--gx-dur-fast),transform var(--gx-dur-base) var(--gx-ease-out)}
.gx-check input:checked+.gx-check__box{background:var(--gx-accent);border-color:var(--gx-accent)}
.gx-check input:checked+.gx-check__box .gx-icon{opacity:1;transform:none}
.gx-check input:focus-visible+.gx-check__box,.gx-radio input:focus-visible+.gx-radio__dot,.gx-switch input:focus-visible+.gx-switch__track{outline:2px solid var(--gx-focus);outline-offset:3px}
:is(.gx-check,.gx-radio,.gx-switch):has(input:disabled){opacity:.45;cursor:not-allowed}
.gx-fieldset{margin:0;padding:0;border:0;display:flex;flex-direction:column;gap:2px;min-width:0}
.gx-fieldset legend{margin-bottom:var(--gx-space-2)}
.gx-radios--inline{flex-direction:row;flex-wrap:wrap;column-gap:var(--gx-space-5)}
.gx-radios--inline legend{width:100%}
.gx-radios--cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--gx-space-2)}
.gx-radios--cards legend{grid-column:1/-1}
.gx-radios--cards .gx-radio{padding:var(--gx-space-3) var(--gx-space-4);border:1px solid var(--gx-line-2);border-radius:var(--gx-radius-md)}
.gx-radios--cards .gx-radio:has(input:checked){border-color:var(--gx-accent);background:var(--gx-accent-wash);color:var(--gx-fg)}
.gx-radio__dot{width:20px;height:20px;flex:none;border-radius:50%;border:1px solid var(--gx-line-2);display:grid;place-items:center}
.gx-radio__dot::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--gx-accent);transform:scale(0);transition:transform var(--gx-dur-base) var(--gx-ease-out)}
.gx-radio input:checked+.gx-radio__dot{border-color:var(--gx-accent)}
.gx-radio input:checked+.gx-radio__dot::after{transform:scale(1)}
.gx-switch__track{width:40px;height:24px;flex:none;border-radius:999px;background:var(--gx-line-2);padding:3px;transition:background var(--gx-dur-base)}
.gx-switch__track span{display:block;width:18px;height:18px;border-radius:50%;background:var(--gx-fg);transition:transform var(--gx-dur-base) var(--gx-ease-out)}
.gx-switch input:checked+.gx-switch__track{background:var(--gx-accent)}
.gx-switch input:checked+.gx-switch__track span{transform:translateX(16px);background:var(--gx-accent-fg)}
.gx-range{--v:.5;-webkit-appearance:none;appearance:none;width:100%;max-width:320px;height:22px;background:none;cursor:pointer;margin:0}
.gx-range::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:linear-gradient(90deg,var(--gx-accent) calc(var(--v)*100%),var(--gx-line-2) 0)}
.gx-range::-moz-range-track{height:3px;border-radius:3px;background:linear-gradient(90deg,var(--gx-accent) calc(var(--v)*100%),var(--gx-line-2) 0)}
.gx-range::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;margin-top:-6.5px;border-radius:50%;background:var(--gx-fg);border:0;box-shadow:0 2px 8px rgba(0,0,0,.3)}
.gx-range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--gx-fg);border:0}
.gx-avatar{--s:44px;display:inline-grid;place-items:center;width:var(--s);height:var(--s);flex:none;border-radius:50%;overflow:hidden;background:var(--gx-surface-2);color:var(--gx-fg-2);font-size:calc(var(--s)*.34);font-weight:var(--gx-weight-medium);letter-spacing:.04em;box-shadow:inset 0 0 0 1px var(--gx-line)}
.gx-avatar img{width:100%;height:100%;object-fit:cover}
.gx-avatar img[src*="/marks/"]{object-fit:contain;padding:18%}
.gx-avatar--sm{--s:32px}.gx-avatar--lg{--s:72px}
.gx-avatar--square{border-radius:var(--gx-radius-md)}
.gx-divider{border:0;margin:var(--gx-space-5) 0;height:1px;background:var(--gx-line-2);width:100%}
.gx-divider--dots{height:2px;background:radial-gradient(circle,var(--gx-fg-3) 1px,transparent 1.4px) 0 0/8px 2px repeat-x}
.gx-divider--fade{background:linear-gradient(90deg,transparent,var(--gx-line-2) 20% 80%,transparent)}
.gx-divider--label{display:flex;align-items:center;gap:var(--gx-space-3);height:auto;background:none;font-size:var(--gx-size-xs);color:var(--gx-fg-3);text-transform:uppercase;letter-spacing:var(--gx-tracking-label)}
.gx-divider--label::before,.gx-divider--label::after{content:"";flex:1;height:1px;background:var(--gx-line-2)}
.gx-icon-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--gx-space-2)}
.gx-icon-grid li{display:flex;flex-direction:column;align-items:center;gap:10px;padding:var(--gx-space-4) var(--gx-space-2);border-radius:var(--gx-radius-md);background:color-mix(in srgb,var(--gx-fg) 3%,transparent)}
.gx-icon-grid .gx-icon{width:var(--s);height:var(--s)}
.gx-icon-grid span{font-family:var(--gx-font-mono);font-size:10px;color:var(--gx-fg-3);text-align:center}
.gx-icon-grid[data-tone=accent] .gx-icon{color:var(--gx-accent)}
.gx-icon-grid[data-tone=muted] .gx-icon{color:var(--gx-fg-3)}
.gx-tip{position:relative;display:inline-flex}
.gx-tip__bubble{position:absolute;left:50%;bottom:calc(100% + 10px);z-index:var(--gx-z-overlay);translate:-50% 4px;padding:7px 11px;border-radius:var(--gx-radius-sm);background:var(--gx-fg);color:var(--gx-bg);font-size:var(--gx-size-xs);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--gx-dur-fast),translate var(--gx-dur-base) var(--gx-ease-out)}
.gx-tip--bottom .gx-tip__bubble{bottom:auto;top:calc(100% + 10px);translate:-50% -4px}
.gx-tip:hover .gx-tip__bubble,.gx-tip:focus-within .gx-tip__bubble{opacity:1;translate:-50% 0}
.gx-spinner{--s:24px;display:inline-block;width:var(--s);height:var(--s);border-radius:50%;border:2px solid color-mix(in srgb,currentColor 22%,transparent);border-top-color:currentColor;animation:gx-spin .8s linear infinite}
.gx-spinner--sm{--s:16px}.gx-spinner--lg{--s:40px}
.gx-dots{display:inline-flex;gap:5px}
.gx-dots i{width:6px;height:6px;border-radius:50%;background:currentColor;animation:gx-blink 1.2s ease-in-out infinite}
.gx-dots i:nth-child(2){animation-delay:.15s}.gx-dots i:nth-child(3){animation-delay:.3s}
.gx-wave svg{width:56px;height:22px;display:block;overflow:visible}
.gx-wave path{fill:none;stroke:var(--gx-accent);stroke-width:1.4;stroke-linecap:round;stroke-dasharray:70;animation:gx-dash 1.6s linear infinite}
@keyframes gx-spin{to{transform:rotate(1turn)}}
@keyframes gx-blink{50%{opacity:.25}}
@keyframes gx-dash{to{stroke-dashoffset:-140}}
.gx-media{margin:0;display:flex;flex-direction:column;gap:var(--gx-space-3)}
.gx-media__frame{position:relative;aspect-ratio:var(--ratio,16/10);overflow:hidden;background:var(--gx-bg-3)}
.gx-media__frame img{width:100%;height:100%;object-fit:cover}
.gx-media__frame--shade::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.55))}
.gx-caption{font-size:var(--gx-size-xs);color:var(--gx-fg-3)}
.gx-header{position:relative;z-index:var(--gx-z-sticky);width:100%}
.gx-header__in{display:flex;align-items:center;gap:var(--gx-space-5);min-height:72px;padding:0 var(--gx-gutter)}
.gx-header--solid{background:color-mix(in srgb,var(--gx-bg) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--gx-line)}
.gx-header--pill .gx-header__in{margin:var(--gx-space-3) auto;max-width:960px;min-height:58px;border-radius:var(--gx-radius-pill);background:color-mix(in srgb,var(--gx-surface) 86%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--gx-line);box-shadow:var(--gx-shadow-1);padding:0 10px 0 22px}
.gx-logo{font-family:var(--gx-font-display);font-size:var(--gx-size-lg);font-weight:var(--gx-weight-medium);letter-spacing:-.01em;color:var(--gx-fg);text-decoration:none}
.gx-nav{margin-left:auto}
.gx-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:var(--gx-space-5)}
.gx-nav a{display:inline-flex;align-items:center;min-height:44px;font-size:var(--gx-size-md);color:var(--gx-fg-3);text-decoration:none;transition:color var(--gx-dur-base)}
.gx-nav a:hover,.gx-nav a[aria-current]{color:var(--gx-fg)}
.gx-header--centered .gx-nav{margin:0 auto}
.gx-header--centered .gx-header__in>:is(.gx-lockup,.gx-logo){flex:1}
.gx-header--centered .gx-header__cta{margin-left:auto}
.gx-header--centered .gx-header__in::after{content:"";flex:1}
.gx-header--centered:has(.gx-header__cta) .gx-header__in::after{display:none}
.gx-menu{display:none;margin-left:auto}
.gx-menu summary{list-style:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;cursor:pointer;color:var(--gx-fg)}
.gx-menu summary::-webkit-details-marker{display:none}
.gx-menu nav{position:absolute;left:var(--gx-space-3);right:var(--gx-space-3);top:calc(100% + 4px);padding:var(--gx-space-3);border-radius:var(--gx-radius-lg);background:var(--gx-surface);border:1px solid var(--gx-line);box-shadow:var(--gx-shadow-2)}
.gx-menu ul{list-style:none;margin:0;padding:0}
.gx-menu a{display:flex;align-items:center;min-height:48px;padding:0 var(--gx-space-3);border-radius:var(--gx-radius-sm);color:var(--gx-fg);text-decoration:none;font-size:var(--gx-size-base)}
.gx-menu a:hover{background:color-mix(in srgb,var(--gx-fg) 6%,transparent)}
@container gx (max-width:700px){.gx-nav,.gx-header__cta{display:none}.gx-menu{display:block}}
@media (max-width:767px){.gx-nav,.gx-header__cta{display:none}.gx-menu{display:block}}
.gx-hero{position:relative;display:grid;align-items:end;overflow:hidden;isolation:isolate;padding:var(--gx-space-9) var(--gx-gutter) var(--gx-space-8);background:var(--gx-bg)}
.gx-hero--screen{min-height:100svh}.gx-hero--large{min-height:min(78svh,760px)}.gx-hero--compact{min-height:420px}
.gx-hero__copy{position:relative;z-index:2;display:flex;flex-direction:column;gap:var(--gx-space-4);max-width:620px}
.gx-hero__copy .gx-row{margin-top:var(--gx-space-2)}
.gx-hero__media{position:absolute;inset:0;z-index:-1}
.gx-hero__media img{width:100%;height:100%;object-fit:cover}
.gx-hero--image .gx-hero__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--gx-bg) 25%,transparent),color-mix(in srgb,var(--gx-bg) 45%,transparent) 50%,var(--gx-bg))}
.gx-hero--centered{align-items:center;justify-items:center;text-align:center}
.gx-hero--centered .gx-hero__copy{align-items:center}
.gx-hero__glow{position:absolute;inset:0;z-index:-1;background:var(--gx-gradient-glow)}
.gx-hero--split{grid-template-columns:1fr 1fr;align-items:center;gap:var(--gx-space-7);padding-right:0}
.gx-hero--split .gx-hero__media{position:relative;order:2;height:100%;min-height:360px;border-radius:var(--gx-radius-card) 0 0 var(--gx-radius-card);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 22%);mask-image:linear-gradient(90deg,transparent,#000 22%)}
@media (max-width:767px){.gx-hero--split{grid-template-columns:1fr;padding-right:var(--gx-gutter);padding-top:var(--gx-space-6)}.gx-hero--split .gx-hero__media{order:0;min-height:260px;border-radius:var(--gx-radius-xl);-webkit-mask-image:none;mask-image:none}}
.gx-card{position:relative;display:flex;flex-direction:column;border-radius:var(--gx-radius-xl);overflow:hidden;background:var(--gx-surface);border:1px solid var(--gx-line);transition:transform var(--gx-dur-slow) var(--gx-ease-out),border-color var(--gx-dur-base),box-shadow var(--gx-dur-base)}
.gx-card__media{aspect-ratio:16/10;overflow:hidden;background:var(--gx-bg-3)}
.gx-card__media img{width:100%;height:100%;object-fit:cover;transition:transform var(--gx-dur-slow) var(--gx-ease-out)}
.gx-card__body{display:flex;flex-direction:column;gap:var(--gx-space-2);padding:calc(var(--gx-space-5)*var(--gx-density))}
.gx-card__title{margin:0;font-family:var(--gx-font-body);font-size:var(--gx-size-lg);font-weight:var(--gx-weight-medium);line-height:1.3;color:var(--gx-fg)}
.gx-card__title a{color:inherit;text-decoration:none}
.gx-card__text{margin:0;font-size:var(--gx-size-md);line-height:var(--gx-leading-base);color:var(--gx-fg-3)}
.gx-card--link .gx-card__title a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.gx-card--link:hover{transform:translateY(-4px);border-color:var(--gx-line-2);box-shadow:var(--gx-shadow-2)}
.gx-card--link:hover .gx-card__media img{transform:scale(1.04)}
.gx-card--link:has(:focus-visible){outline:2px solid var(--gx-focus);outline-offset:3px}
.gx-card--link :focus-visible{outline:none}
.gx-card--horizontal{flex-direction:row}
.gx-card--horizontal .gx-card__media{flex:0 0 40%;aspect-ratio:auto;min-height:180px}
.gx-card--horizontal .gx-card__body{justify-content:center}
.gx-card--overlay{min-height:340px;justify-content:flex-end;border:0}
.gx-card--overlay .gx-card__media{position:absolute;inset:0;aspect-ratio:auto}
.gx-card--overlay .gx-card__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(8,7,7,.82))}
.gx-card--overlay .gx-card__body{position:relative;color:#fff}
.gx-card--overlay :is(.gx-card__title,.gx-card__text,.gx-mono){color:#fff}
.gx-card--overlay .gx-card__text{opacity:.8}
@media (max-width:560px){.gx-card--horizontal{flex-direction:column}.gx-card--horizontal .gx-card__media{aspect-ratio:16/10;min-height:0}}
.gx-features{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:var(--gx-space-6) var(--gx-space-5)}
.gx-features li{display:flex;flex-direction:column;gap:var(--gx-space-2)}
.gx-features__icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:var(--gx-space-2);border-radius:var(--gx-radius-md);background:var(--gx-accent-wash);color:var(--gx-accent)}
.gx-features--boxed li{padding:var(--gx-space-5);border-radius:var(--gx-radius-lg);background:var(--gx-surface);border:1px solid var(--gx-line)}
@media (max-width:900px){.gx-features{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.gx-features{grid-template-columns:1fr}}
.gx-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gx-space-3)}
.gx-steps li{display:flex;flex-direction:column;gap:var(--gx-space-2);padding:var(--gx-space-5);border-radius:var(--gx-radius-lg);background:var(--gx-surface-2)}
.gx-steps__no{font-family:var(--gx-font-display);font-size:var(--gx-size-2xl);line-height:1;color:var(--gx-accent);margin-bottom:var(--gx-space-4)}
.gx-steps--column{grid-template-columns:1fr}
.gx-steps--column li{flex-direction:row;flex-wrap:wrap;align-items:baseline;column-gap:var(--gx-space-5)}
.gx-steps--column .gx-steps__no{margin:0;font-size:var(--gx-size-xl)}
.gx-steps--column .gx-card__text{flex-basis:100%;padding-left:calc(var(--gx-space-5) + 2ch)}
@media (max-width:767px){.gx-steps{grid-template-columns:1fr}}
.gx-accordion{border-top:1px solid var(--gx-line-2)}
.gx-accordion details{border-bottom:1px solid var(--gx-line-2)}
.gx-accordion summary{display:flex;align-items:center;justify-content:space-between;gap:var(--gx-space-4);min-height:60px;padding:var(--gx-space-3) 0;list-style:none;cursor:pointer;font-size:var(--gx-size-base);font-weight:var(--gx-weight-medium);color:var(--gx-fg)}
.gx-accordion summary::-webkit-details-marker{display:none}
.gx-accordion summary .gx-icon{transition:transform var(--gx-dur-base) var(--gx-ease-out);color:var(--gx-fg-3)}
.gx-accordion details[open] summary .gx-icon{transform:rotate(45deg)}
.gx-accordion__body{padding:0 0 var(--gx-space-5);color:var(--gx-fg-3);font-size:var(--gx-size-md);line-height:var(--gx-leading-base);max-width:64ch}
.gx-accordion__body p{margin:0}
.gx-accordion--cards{border:0;display:flex;flex-direction:column;gap:var(--gx-space-2)}
.gx-accordion--cards details{border:1px solid var(--gx-line);border-radius:var(--gx-radius-lg);background:var(--gx-surface);padding:0 var(--gx-space-5)}
@supports (interpolate-size:allow-keywords){.gx-accordion{interpolate-size:allow-keywords}.gx-accordion details::details-content{height:0;overflow:clip;transition:height var(--gx-dur-base) var(--gx-ease-out),content-visibility var(--gx-dur-base) allow-discrete}.gx-accordion details[open]::details-content{height:auto}}
.gx-tabs__list{display:flex;gap:var(--gx-space-5);border-bottom:1px solid var(--gx-line-2);margin-bottom:var(--gx-space-5);overflow-x:auto;scrollbar-width:none}
.gx-tabs__list button{position:relative;min-height:44px;padding:0;border:0;background:none;font:inherit;font-size:var(--gx-size-md);color:var(--gx-fg-3);cursor:pointer;white-space:nowrap}
.gx-tabs__list button[aria-selected=true]{color:var(--gx-fg)}
.gx-tabs__list button::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--gx-fg);transform:scaleX(0);transition:transform var(--gx-dur-base) var(--gx-ease-out)}
.gx-tabs__list button[aria-selected=true]::after{transform:none}
.gx-tabs--pill .gx-tabs__list{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--gx-line);border-radius:var(--gx-radius-pill)}
.gx-tabs--pill .gx-tabs__list button{min-height:36px;padding:0 16px;border-radius:var(--gx-radius-pill)}
.gx-tabs--pill .gx-tabs__list button::after{display:none}
.gx-tabs--pill .gx-tabs__list button[aria-selected=true]{background:var(--gx-fg);color:var(--gx-bg)}
.gx-tabs:not(.is-ready) .gx-tabs__panel[hidden]{display:block}
.gx-dialog{width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--gx-line);border-radius:var(--gx-radius-xl);background:var(--gx-surface);color:var(--gx-fg);box-shadow:var(--gx-shadow-3)}
.gx-dialog--sm{width:min(400px,calc(100% - 32px))}.gx-dialog--lg{width:min(760px,calc(100% - 32px))}
.gx-dialog::backdrop{background:var(--gx-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.gx-dialog__in{display:flex;flex-direction:column;gap:var(--gx-space-4);padding:var(--gx-space-5) var(--gx-space-6) var(--gx-space-6)}
.gx-dialog__head{display:flex;align-items:center;justify-content:space-between;gap:var(--gx-space-4);margin-right:-12px}
.gx-dialog--sheet{margin:0 0 0 auto;height:100dvh;max-height:none;border-radius:var(--gx-radius-xl) 0 0 var(--gx-radius-xl)}
.gx-dialog[open]{animation:gx-pop var(--gx-dur-base) var(--gx-ease-out)}
.gx-dialog--sheet[open]{animation-name:gx-slide}
@keyframes gx-pop{from{opacity:0;transform:translateY(10px) scale(.98)}}
@keyframes gx-slide{from{transform:translateX(40px);opacity:0}}
.gx-form{display:flex;flex-direction:column;gap:var(--gx-space-5);max-width:720px}
.gx-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gx-space-4)}
.gx-form__full{grid-column:1/-1}
.gx-form--stacked .gx-form__grid{grid-template-columns:1fr}
@media (max-width:600px){.gx-form__grid{grid-template-columns:1fr}}
.gx-table-wrap{overflow-x:auto;border-radius:var(--gx-radius-md)}
.gx-table{width:100%;border-collapse:collapse;font-size:var(--gx-size-md);font-variant-numeric:tabular-nums}
.gx-table caption{text-align:left;padding-bottom:var(--gx-space-3);font-family:var(--gx-font-mono);font-size:var(--gx-size-2xs);letter-spacing:var(--gx-tracking-label);text-transform:uppercase;color:var(--gx-fg-3)}
.gx-table th,.gx-table td{padding:var(--gx-space-4) var(--gx-space-4) var(--gx-space-4) 0;text-align:left;border-bottom:1px solid var(--gx-line);white-space:nowrap}
.gx-table thead th{font-weight:var(--gx-weight-medium);color:var(--gx-fg-3);font-size:var(--gx-size-xs);border-color:var(--gx-line-2)}
.gx-table tbody th{font-weight:var(--gx-weight-medium);color:var(--gx-fg)}
.gx-table td{color:var(--gx-fg-2)}
.gx-table .gx-num{text-align:right;padding-right:0}
.gx-table--striped tbody tr:nth-child(odd){background:color-mix(in srgb,var(--gx-fg) 3%,transparent)}
.gx-table--striped :is(th,td):first-child{padding-left:var(--gx-space-3)}
.gx-table--compact :is(th,td){padding-block:var(--gx-space-2)}
.gx-crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:var(--gx-space-2);font-size:var(--gx-size-sm)}
.gx-crumbs a{color:var(--gx-fg-3);text-decoration:none;display:inline-flex;min-height:32px;align-items:center}
.gx-crumbs a:hover,.gx-crumbs [aria-current]{color:var(--gx-fg)}
.gx-crumbs li+li::before{content:"/";margin-right:var(--gx-space-2);color:var(--gx-fg-4)}
.gx-crumbs--chevron li+li::before{content:"›";font-size:1.2em}
.gx-pages{display:flex;align-items:center;justify-content:space-between;gap:var(--gx-space-3);flex-wrap:wrap}
.gx-pages ol{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:4px;color:var(--gx-fg-4)}
.gx-pages ol a{display:grid;place-items:center;min-width:40px;height:40px;border-radius:50%;font-size:var(--gx-size-md);color:var(--gx-fg-3);text-decoration:none}
.gx-pages ol a:hover{color:var(--gx-fg);background:color-mix(in srgb,var(--gx-fg) 6%,transparent)}
.gx-pages ol a[aria-current]{background:var(--gx-fg);color:var(--gx-bg)}
@media (max-width:480px){.gx-pages .gx-btn span{display:none}.gx-pages .gx-btn{width:40px;padding:0}}
.gx-alert{--c:var(--gx-info);display:flex;align-items:flex-start;gap:var(--gx-space-3);padding:var(--gx-space-4) var(--gx-space-4) var(--gx-space-4) var(--gx-space-5);border-radius:var(--gx-radius-lg);background:color-mix(in srgb,var(--c) 9%,var(--gx-surface));border:1px solid color-mix(in srgb,var(--c) 30%,transparent);font-size:var(--gx-size-md);line-height:var(--gx-leading-base);color:var(--gx-fg-2)}
.gx-alert>.gx-icon{color:var(--c);margin-top:1px}
.gx-alert>div{flex:1}
.gx-alert p{margin:0}
.gx-alert__title{font-weight:var(--gx-weight-medium);color:var(--gx-fg)}
.gx-alert .gx-btn{margin:-8px -6px -8px 0}
.gx-alert--success{--c:var(--gx-success)}.gx-alert--warning{--c:var(--gx-warning)}.gx-alert--danger{--c:var(--gx-danger)}
.gx-toasts{position:fixed;left:50%;bottom:var(--gx-space-5);z-index:var(--gx-z-toast);translate:-50% 0;display:flex;flex-direction:column;align-items:center;gap:var(--gx-space-2);pointer-events:none}
.gx-toast{display:flex;align-items:center;gap:var(--gx-space-2);padding:12px 18px;border-radius:var(--gx-radius-pill);background:var(--gx-fg);color:var(--gx-bg);font-size:var(--gx-size-sm);box-shadow:var(--gx-shadow-2);pointer-events:auto;animation:gx-pop var(--gx-dur-base) var(--gx-ease-out)}
.gx-toast .gx-icon{width:16px;height:16px}
.gx-toast--success .gx-icon{color:var(--gx-success)}.gx-toast--danger .gx-icon{color:var(--gx-danger)}
.gx-toast.is-out{opacity:0;transform:translateY(8px);transition:opacity var(--gx-dur-base),transform var(--gx-dur-base)}
.gx-quote{margin:0;display:flex;flex-direction:column;gap:var(--gx-space-5)}
.gx-quote blockquote{margin:0}
.gx-quote blockquote p{margin:0;font-family:var(--gx-font-display);font-size:var(--gx-size-xl);line-height:1.3;letter-spacing:var(--gx-tracking-tight);color:var(--gx-fg);text-wrap:pretty}
.gx-quote blockquote p::before{content:"\201C";color:var(--gx-accent)}
.gx-quote blockquote p::after{content:"\201D";color:var(--gx-accent)}
.gx-quote figcaption{display:flex;align-items:center;gap:var(--gx-space-3);font-size:var(--gx-size-md)}
.gx-quote figcaption>span:last-child{display:flex;flex-direction:column;gap:3px}
.gx-quote strong{font-weight:var(--gx-weight-medium)}
.gx-quote--card{padding:var(--gx-space-6);border-radius:var(--gx-radius-xl);background:var(--gx-surface);border:1px solid var(--gx-line)}
.gx-quote--card blockquote p{font-size:var(--gx-size-lg)}
.gx-stats{margin:0;display:grid;grid-template-columns:repeat(var(--cols,4),minmax(0,1fr));gap:var(--gx-space-5)}
.gx-stats div{display:flex;flex-direction:column-reverse;gap:var(--gx-space-2)}
.gx-stats dt{font-size:var(--gx-size-sm);color:var(--gx-fg-3)}
.gx-stats dd{margin:0;font-family:var(--gx-font-display);font-size:var(--gx-size-3xl);line-height:1;color:var(--gx-fg);font-variant-numeric:tabular-nums}
.gx-stats--divided div{padding-left:var(--gx-space-5);border-left:1px solid var(--gx-line-2)}
@media (max-width:767px){.gx-stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:var(--gx-space-6)}}
.gx-cta{position:relative;overflow:hidden;isolation:isolate;display:grid;padding:var(--gx-space-9) var(--gx-space-6);border-radius:var(--gx-radius-card);background:var(--gx-bg-2)}
.gx-cta__in{display:flex;flex-direction:column;align-items:flex-start;gap:var(--gx-space-4);max-width:560px}
.gx-cta--center{text-align:center;justify-items:center}
.gx-cta--center .gx-cta__in{align-items:center}
.gx-cta--glow::before{content:"";position:absolute;inset:-20%;z-index:-1;background:var(--gx-gradient-glow)}
.gx-cta__bg{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}
.gx-cta--image::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(70% 70% at 50% 50%,rgba(13,12,12,.55),rgba(13,12,12,.85))}
.gx-cta--image :is(.gx-h,.gx-payoff){color:#fff}
@media (max-width:767px){.gx-cta{border-radius:var(--gx-radius-xl);padding:var(--gx-space-8) var(--gx-space-5)}}
.gx-logos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:var(--gx-space-3)}
.gx-logos li{display:grid;place-items:center;height:96px;border-radius:var(--gx-radius-lg);background:color-mix(in srgb,var(--gx-fg) 3%,transparent)}
.gx-logos img{width:48px;height:48px;object-fit:contain;opacity:.7;transition:opacity var(--gx-dur-base)}
.gx-logos li:hover img{opacity:1}
.gx-logos--marquee{display:flex;width:max-content;animation:gx-marquee 30s linear infinite}
.gx-logos--marquee li{width:140px}
.gx-logos--marquee:hover{animation-play-state:paused}
:where(.gx-logos--marquee){-webkit-mask-image:linear-gradient(90deg,transparent,#000 10% 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10% 90%,transparent)}
@keyframes gx-marquee{to{transform:translateX(-30%)}}
.gx-carousel{position:relative;display:flex;flex-direction:column;gap:var(--gx-space-4)}
.gx-carousel__nav{display:flex;gap:var(--gx-space-2);justify-content:flex-end}
.gx-carousel__track{list-style:none;margin:0;padding:0 0 var(--gx-space-2);display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--per) - 1)*var(--gx-space-4))/var(--per));gap:var(--gx-space-4);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:thin}
.gx-carousel__track li{scroll-snap-align:start;display:flex;flex-direction:column;gap:var(--gx-space-3)}
.gx-carousel__track img{width:100%;aspect-ratio:14/9;object-fit:cover;border-radius:var(--gx-radius-xl)}
@media (max-width:767px){.gx-carousel__track{grid-auto-columns:82%}}
.gx-cookie{display:flex;align-items:center;gap:var(--gx-space-4);padding:var(--gx-space-4) var(--gx-space-5);border-radius:var(--gx-radius-lg);background:var(--gx-surface);border:1px solid var(--gx-line);box-shadow:var(--gx-shadow-2)}
.gx-cookie .gx-text{flex:1;font-size:var(--gx-size-sm)}
.gx-cookie--corner{flex-direction:column;align-items:flex-start;max-width:360px}
@media (max-width:600px){.gx-cookie{flex-direction:column;align-items:flex-start}}
.gx-newsletter{display:flex;flex-direction:column;gap:var(--gx-space-2);max-width:480px}
.gx-newsletter__row{display:flex;gap:var(--gx-space-2)}
.gx-newsletter__row .gx-input{flex:1;border-radius:var(--gx-radius-pill)}
.gx-newsletter__row .gx-btn{--h:46px}
.gx-newsletter--stacked .gx-newsletter__row{flex-direction:column}
@media (max-width:480px){.gx-newsletter__row{flex-direction:column}}
.gx-footer{font-size:var(--gx-size-sm);color:var(--gx-fg-4)}
.gx-footer a{color:inherit;text-decoration:none;transition:color var(--gx-dur-base)}
.gx-footer a:hover{color:var(--gx-fg)}
.gx-footer--simple{display:flex;justify-content:space-between;gap:var(--gx-space-4);flex-wrap:wrap;padding:var(--gx-space-7) 0}
.gx-footer--columns{display:grid;grid-template-columns:1.4fr 2fr;gap:var(--gx-space-7);padding:var(--gx-space-8) 0 var(--gx-space-6);border-top:1px solid var(--gx-line)}
.gx-footer__brand{display:flex;flex-direction:column;gap:var(--gx-space-4)}
.gx-footer__brand .gx-payoff{font-size:var(--gx-size-2xs);color:var(--gx-fg-3)}
.gx-footer nav{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gx-space-5)}
.gx-footer nav ul{list-style:none;margin:var(--gx-space-3) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--gx-space-2);color:var(--gx-fg-3)}
.gx-footer nav a{display:inline-flex;min-height:28px;align-items:center}
.gx-footer__legal{grid-column:1/-1;display:flex;justify-content:space-between;margin:0;padding-top:var(--gx-space-5);border-top:1px solid var(--gx-line)}
@media (max-width:767px){.gx-footer--columns{grid-template-columns:1fr}}
.gx-lockup{--h:12px;display:inline-flex;align-items:center;gap:calc(var(--h)*.9);line-height:1;color:var(--gx-fg);text-decoration:none}
.gx-lockup--sm{--h:10px}.gx-lockup--lg{--h:18px}
.gx-lockup__mark{width:calc(var(--h)*2.6);height:calc(var(--h)*2.6);object-fit:contain;filter:var(--gx-shadow-mark)}
.gx-lockup__wm{height:var(--h);width:auto;display:block}
.gx-lockup__name{font-family:var(--gx-font-wide);font-weight:var(--gx-weight-bold);font-size:calc(var(--h)*.78);letter-spacing:var(--gx-tracking-wide);text-transform:uppercase;padding-left:calc(var(--h)*.9);border-left:1px solid currentColor;line-height:calc(var(--h)*1.3)}
.gx-lockup--dark{color:#1d1d1b}
.gx-lockup--dark .gx-lockup__mark{filter:invert(1) brightness(.12)}
.gx-mark{display:block;height:auto;object-fit:contain;filter:var(--gx-shadow-mark)}
.gx-mark--sm{width:34px}.gx-mark--md{width:64px}.gx-mark--lg{width:120px}
.gx-stage{display:grid;place-items:center;min-height:220px;padding:var(--gx-space-6);border-radius:var(--gx-radius-xl);background:#0d0c0c;color:#f2f0eb}
.gx-stage--light{background:#f2f0eb;color:#1d1d1b}
.gx-stage--brand{background:radial-gradient(70% 80% at 50% 45%,color-mix(in srgb,var(--brand-surface) 100%,#fff 6%),color-mix(in srgb,var(--brand-surface) 60%,#000))}
.gx-stage--photo{background:linear-gradient(180deg,#dcd6cf,#b9b1a7)}
.gx-plane{--r:var(--gx-radius-card);position:relative;display:grid;place-items:center;aspect-ratio:16/10;border-radius:var(--r);overflow:hidden;isolation:isolate;background:var(--brand-surface,var(--gx-bg-2));box-shadow:var(--gx-shadow-3);color:#f2f0eb;text-decoration:none;transform:perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform var(--gx-dur-slow) var(--gx-ease-out)}
.gx-plane__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.2s var(--gx-ease-out)}
.gx-plane:hover .gx-plane__img{transform:scale(1.04)}
.gx-plane__bgmark{position:absolute;inset:0;z-index:-2;display:grid;place-items:center;background:radial-gradient(70% 80% at 50% 45%,color-mix(in srgb,var(--brand-surface) 100%,#fff 6%),color-mix(in srgb,var(--brand-surface) 60%,#000))}
.gx-plane__bgmark img{width:52%;max-width:440px;height:auto;opacity:.16}
.gx-plane__shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(13,12,12,.15),rgba(13,12,12,.45))}
.gx-plane__title{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:var(--gx-space-5)}
.gx-plane__title .gx-payoff{color:#f2f0eb}
.gx-plane__name{font-family:var(--gx-font-title);font-size:clamp(28px,4.4vw,60px);line-height:1.02;letter-spacing:var(--gx-title-tracking);text-transform:var(--gx-title-transform)}
.gx-plane__go{display:grid;place-items:center;width:52px;height:52px;margin-top:var(--gx-space-3);border-radius:50%;background:rgba(18,17,17,.82);border:1px solid rgba(242,240,235,.18);transition:transform var(--gx-dur-base) var(--gx-ease-out)}
.gx-plane:hover .gx-plane__go{transform:scale(1.08)}
@media (max-width:767px){.gx-plane{--r:32px;aspect-ratio:4/5}}
.gx-soon{position:relative;container-type:inline-size;aspect-ratio:16/10;border-radius:var(--gx-radius-xl);overflow:hidden;background:#0d0c0c;color:#f2f0eb;font-family:var(--gx-font-display)}
.gx-soon__stage{position:absolute;inset:3%;border-radius:clamp(16px,5cqi,50px);overflow:hidden;background:var(--brand-surface)}
.gx-soon__stage img{width:100%;height:100%;object-fit:cover}
.gx-soon__stage::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 60% at 50% 50%,rgba(13,12,12,.55),rgba(13,12,12,.82) 80%)}
.gx-soon__c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4cqi;text-align:center}
.gx-soon__c .gx-mark{width:7cqi}
.gx-soon__label{margin:0;font-size:max(9px,1.1cqi);letter-spacing:.32em;text-transform:uppercase;color:rgba(242,240,235,.6)}
.gx-soon__name{margin:0;font-family:var(--gx-font-title);font-size:6cqi;line-height:1;text-transform:uppercase;white-space:nowrap}
.gx-soon__c .gx-payoff{font-size:max(9px,1.2cqi);color:#f2f0eb}
.gx-soon :is(.gx-soon__tl,.gx-soon__tr,.gx-soon__bl,.gx-soon__br){position:absolute;font-size:max(9px,1.1cqi);letter-spacing:.12em;text-transform:uppercase;color:rgba(242,240,235,.62)}
.gx-soon__tl{top:6%;left:5.5%}.gx-soon__tl .gx-wm{height:max(8px,1.1cqi);color:#f2f0eb}
.gx-soon__tr{top:6%;right:5.5%}.gx-soon__bl{bottom:6%;left:5.5%;letter-spacing:.06em!important;text-transform:none!important}.gx-soon__br{bottom:6%;right:5.5%}
.gx-soon__bl i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#e9a54b;margin-right:8px;box-shadow:0 0 0 3px rgba(233,165,75,.2)}
.gx-soundbtn{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border:0;background:none;color:#fff;mix-blend-mode:difference;font:inherit;font-size:11px;line-height:1;letter-spacing:.16em;text-transform:uppercase;cursor:pointer}
.gx-soundbtn svg{width:56px;height:22px;overflow:visible}
.gx-soundbtn path{fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round}
.gx-soundbtn span{min-width:2.6em;text-align:left}
.gx-soundbtn--pill{mix-blend-mode:normal;color:#141414;background:rgba(255,255,255,.88);border-radius:999px;padding:9px 16px;box-shadow:0 6px 24px rgba(0,0,0,.12)}
.gx-snippet{margin:var(--gx-space-3) 0 0;padding:var(--gx-space-3) var(--gx-space-4);border-radius:var(--gx-radius-md);background:var(--gx-bg-2);font-family:var(--gx-font-mono);font-size:12px;color:var(--gx-fg-2);overflow-x:auto}
gx-disc{display:block;width:100%;max-width:360px;margin-inline:auto;padding:28px 26px 24px;border-radius:32px;background:linear-gradient(180deg,#171515,#100f0f);border:1px solid rgba(242,240,235,.1);box-shadow:0 40px 90px rgba(0,0,0,.5);text-align:center;color:#f2f0eb;--acc:var(--gx-accent)}
gx-disc:not(:defined){min-height:560px}
.gxd-stage{position:relative;width:100%;aspect-ratio:1;margin:0 auto 22px}
.gxd-ring{position:absolute;inset:0;width:100%;height:100%}
.gxd-disc{position:absolute;inset:13%;border-radius:50%;background:radial-gradient(circle,transparent 0 31%,rgba(255,255,255,.02) 31.5% 32%,transparent 32.5%),repeating-radial-gradient(circle,#0b0a0a 0 1.4px,#151313 1.6px 2.6px),#0b0a0a;box-shadow:0 0 0 1px color-mix(in srgb,var(--acc) 35%,transparent),0 18px 50px rgba(0,0,0,.6),inset 0 0 0 6px #0a0909}
.gxd-disc::after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 30deg,transparent 0 8%,rgba(255,255,255,.07) 14%,transparent 22% 58%,rgba(255,255,255,.05) 64%,transparent 72%)}
.gxd-label{position:absolute;inset:31%;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#2a2522,#151212);box-shadow:0 0 0 1px var(--acc),inset 0 0 0 5px #1b1816}
.gxd-label img{width:52%;height:auto}
.gxd-title{margin:0;font-family:var(--gx-font-title);font-size:24px;line-height:1.1;text-transform:uppercase}
.gxd-sub{margin:8px 0 22px;font-family:var(--gx-font-display);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(242,240,235,.58)}
.gxd-progress{position:relative;margin-bottom:18px}
.gxd-bar{height:3px;border-radius:3px;background:rgba(242,240,235,.18);overflow:hidden}
.gxd-bar i{display:block;height:100%;background:var(--acc);transform-origin:left;transform:scaleX(0)}
.gxd-progress input{position:absolute;left:0;right:0;top:-8px;width:100%;height:19px;margin:0;opacity:0;cursor:pointer}
.gxd-times{display:flex;justify-content:space-between;margin-top:9px;font-family:var(--gx-font-mono);font-size:11px;color:rgba(242,240,235,.58)}
.gxd-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.gxd-play{grid-column:2;width:64px;height:64px;border-radius:50%;border:0;display:grid;place-items:center;background:#f2f0eb;color:#111;cursor:pointer;transition:transform .25s var(--gx-ease-out)}
.gxd-play:hover{transform:scale(1.06)}
.gxd-play svg{width:24px;height:24px;fill:currentColor}
.gxd-vol{grid-column:3;justify-self:end;display:flex;align-items:center;gap:6px}
.gxd-vol input{-webkit-appearance:none;appearance:none;width:64px;height:3px;border-radius:3px;background:linear-gradient(90deg,#f2f0eb calc(var(--v,.85)*100%),rgba(242,240,235,.18) 0);cursor:pointer}
.gxd-vol input::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#f2f0eb}
.gxd-vol input::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#f2f0eb}
.gxd-vol svg{width:18px;height:18px;fill:none;stroke:rgba(242,240,235,.6);stroke-width:1.5;stroke-linecap:round}
.gx-archive{list-style:none;margin:0;padding:0;border-top:1px solid var(--gx-line-2)}
.gx-archive a{display:grid;grid-template-columns:40px minmax(0,1fr) minmax(0,1.2fr) 24px;align-items:center;gap:var(--gx-space-4);min-height:68px;padding:12px 0;border-bottom:1px solid var(--gx-line);color:var(--gx-fg);text-decoration:none;transition:padding var(--gx-dur-base) var(--gx-ease-out)}
.gx-archive a:hover{padding-left:10px}
.gx-archive__note{font-size:var(--gx-size-md);color:var(--gx-fg-3)}
.gx-archive .gx-icon{justify-self:end;color:var(--gx-fg-3);transition:transform var(--gx-dur-base) var(--gx-ease-out)}
.gx-archive a:hover .gx-icon{transform:translate(3px,-3px);color:var(--gx-fg)}
@media (max-width:767px){.gx-archive a{grid-template-columns:32px 1fr 20px}.gx-archive__note{display:none}}
.gx-chrome-demo{position:relative;height:260px;border-radius:var(--gx-radius-xl);background:linear-gradient(135deg,#2a2422,#0d0c0c);color:#f2f0eb;font-size:13px;overflow:hidden}
.gx-chrome-demo>*{position:absolute;display:flex;gap:4px}
.gx-chrome__tl{top:20px;left:22px;flex-direction:column}.gx-chrome__tl span{color:rgba(242,240,235,.56)}
.gx-chrome__tr{top:20px;right:22px;gap:18px}.gx-chrome__tr a{display:inline-flex;align-items:center;gap:8px;color:rgba(242,240,235,.56);text-decoration:none}.gx-chrome__tr a[aria-current]{color:#f2f0eb}
.gx-chrome__tr i{width:5px;height:5px;border-radius:50%;background:currentColor}
.gx-chrome__bl{bottom:20px;left:22px;flex-direction:column}.gx-chrome__bl span:last-child{color:rgba(242,240,235,.56)}
.gx-chrome__bl i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#5bd27a;box-shadow:0 0 0 3px rgba(91,210,122,.18);margin-right:8px}
.gx-chrome__br{bottom:20px;right:22px;color:rgba(242,240,235,.56)}
.gx-counter{color:#f2f0eb;font-variant-numeric:tabular-nums;display:inline-block}
@media (prefers-reduced-motion:reduce){
  .gx-spinner,.gx-dots i,.gx-wave path,.gx-logos--marquee{animation:none}
  .gx-plane{transform:none!important}
  *,::before,::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:80px}
body{margin:0;background:var(--gx-bg);color:var(--gx-fg);font-family:var(--gx-font-body);font-size:var(--gx-size-base);line-height:var(--gx-leading-base);-webkit-font-smoothing:antialiased;overflow-x:clip}
img,svg{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3,p{margin:0}
code,pre{font-family:var(--gx-font-mono)}
.skip{position:absolute;left:12px;top:-60px;z-index:100;padding:10px 16px;border-radius:999px;background:var(--gx-fg);color:var(--gx-bg);text-decoration:none}
.skip:focus{top:12px}
.top{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:16px;height:64px;padding:0 var(--gx-gutter);background:color-mix(in srgb,var(--gx-bg) 86%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--gx-line)}
.brandmark{display:inline-flex;align-items:center;gap:10px;color:var(--gx-fg);text-decoration:none;min-height:44px}
.brandmark .gx-wm{height:11px}
.brandmark b{font-family:var(--gx-font-wide);font-weight:700;font-size:8.5px;letter-spacing:.28em;text-transform:uppercase;padding-left:10px;border-left:1px solid currentColor;line-height:14px}
.top-tools{margin-left:auto;display:flex;align-items:center;gap:8px}
.seg{display:inline-flex;padding:3px;border-radius:999px;border:1px solid var(--gx-line-2);gap:2px}
.seg button{min-height:32px;padding:0 12px;border:0;border-radius:999px;background:none;color:var(--gx-fg-3);font:inherit;font-size:12px;cursor:pointer;white-space:nowrap}
.seg button[aria-pressed=true]{background:var(--gx-fg);color:var(--gx-bg)}
.tsel{min-height:38px;padding:0 30px 0 12px;border-radius:999px;border:1px solid var(--gx-line-2);background:transparent;color:var(--gx-fg-2);font:inherit;font-size:12px;appearance:none;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 15px) 52%,calc(100% - 11px) 52%;background-size:4px 4px;background-repeat:no-repeat;cursor:pointer}
.tsel option{background:var(--gx-surface);color:var(--gx-fg)}
.search-btn{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;border-radius:999px;border:1px solid var(--gx-line-2);background:none;color:var(--gx-fg-3);font:inherit;font-size:12px;cursor:pointer}
.search-btn kbd{font-family:var(--gx-font-mono);font-size:10px;padding:2px 5px;border-radius:4px;border:1px solid var(--gx-line-2)}
.search-btn .gx-icon{width:16px;height:16px}
.shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:calc(100svh - 64px)}
.side{position:sticky;top:64px;height:calc(100svh - 64px);overflow-y:auto;padding:24px 16px 40px var(--gx-gutter);border-right:1px solid var(--gx-line);scrollbar-width:thin}
.side h2{margin:22px 0 6px;font-family:var(--gx-font-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gx-fg-4);font-weight:400}
.side h2:first-child{margin-top:0}
.side ul{list-style:none;margin:0;padding:0}
.side a{display:flex;align-items:center;justify-content:space-between;min-height:32px;padding:0 10px;margin-left:-10px;border-radius:8px;color:var(--gx-fg-3);text-decoration:none;font-size:13.5px}
.side a:hover{color:var(--gx-fg);background:color-mix(in srgb,var(--gx-fg) 5%,transparent)}
.side a[aria-current]{color:var(--gx-fg);background:color-mix(in srgb,var(--gx-fg) 8%,transparent)}
.side a small{font-family:var(--gx-font-mono);font-size:10px;color:var(--gx-fg-4)}
.side-m{display:none}
main{min-width:0;padding:48px clamp(16px,4vw,64px) 96px}
.wrap{max-width:1080px;margin:0 auto}
.ph{display:flex;flex-direction:column;gap:14px;margin-bottom:40px;max-width:760px}
.ph h1{font-family:var(--gx-font-display);font-weight:400;font-size:var(--gx-size-3xl);line-height:1.08;letter-spacing:-.015em;text-wrap:balance}
.ph p.sum{font-size:16px;color:var(--gx-fg-3);max-width:62ch}
.ph .gx-row{gap:8px}
.crumb{font-family:var(--gx-font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gx-fg-4)}
.crumb a{color:var(--gx-fg-2);text-decoration:underline;text-underline-offset:.25em;text-decoration-color:var(--gx-line-2)}
section.blk{margin-top:56px}
section.blk>h2{font-family:var(--gx-font-display);font-weight:400;font-size:var(--gx-size-xl);letter-spacing:-.01em;margin-bottom:8px}
section.blk>p.sub{color:var(--gx-fg-3);margin-bottom:22px;max-width:64ch;font-size:14.5px}
.hero{position:relative;padding:40px 0 20px}
.hero::before{content:"";position:absolute;inset:-120px -10% auto;height:520px;z-index:-1;background:var(--gx-gradient-glow);pointer-events:none}
.hero h1{font-family:var(--gx-font-display);font-weight:400;font-size:clamp(34px,4.6vw,58px);line-height:1.04;letter-spacing:-.02em;max-width:16ch;text-wrap:balance}
.hero p.sum{margin-top:18px;font-size:16px;color:var(--gx-fg-3);max-width:58ch}
.hero .gx-row{margin-top:28px}
.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tile{position:relative;display:flex;flex-direction:column;gap:8px;padding:24px;border-radius:24px;background:var(--gx-surface);border:1px solid var(--gx-line);text-decoration:none;color:inherit;transition:border-color .25s,transform .5s var(--gx-ease-out)}
.tile:hover{border-color:var(--gx-line-2);transform:translateY(-3px)}
.tile b{font-family:var(--gx-font-display);font-weight:400;font-size:22px}
.tile p{font-size:14px;color:var(--gx-fg-3)}
.tile .n{font-family:var(--gx-font-display);font-size:44px;line-height:1;color:var(--gx-accent);margin-bottom:10px}
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.fact{padding:18px 20px;border-radius:18px;border:1px solid var(--gx-line)}
.fact b{display:block;font-family:var(--gx-font-display);font-weight:400;font-size:26px}
.fact span{font-size:13px;color:var(--gx-fg-3)}
.cmp{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cmp>div{border-radius:24px;overflow:hidden;border:1px solid var(--gx-line)}
.cmp iframe{display:block;width:100%;height:380px;border:0}
.cmp p{padding:14px 18px;font-size:13px;color:var(--gx-fg-3);border-top:1px solid var(--gx-line)}
.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.ccard{position:relative;display:flex;flex-direction:column;border-radius:20px;border:1px solid var(--gx-line);background:var(--gx-surface);text-decoration:none;color:inherit;overflow:hidden;transition:border-color .25s,transform .5s var(--gx-ease-out)}
.ccard:hover{border-color:var(--gx-line-2);transform:translateY(-3px)}
.ccard .thumb{position:relative;height:150px;overflow:hidden;background:var(--gx-bg-2);pointer-events:none}
.ccard .thumb>div{position:absolute;left:50%;top:50%;width:620px;translate:-50% -50%;scale:.5;display:grid;place-items:center}
.ccard .meta{display:flex;flex-direction:column;gap:4px;padding:14px 16px 16px;border-top:1px solid var(--gx-line)}
.ccard .meta b{font-weight:500;font-size:14.5px}
.ccard b a{text-decoration:none;color:inherit}
.ccard b a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.ccard:has(:focus-visible){outline:2px solid var(--gx-focus);outline-offset:3px}
.ccard a:focus-visible{outline:none}
.ccard .meta span{font-size:12.5px;color:var(--gx-fg-3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.play{display:grid;grid-template-columns:minmax(0,1fr) 280px;min-width:0;border:1px solid var(--gx-line-2);border-radius:24px;overflow:hidden;background:var(--gx-bg-2)}
.stage{position:relative;display:flex;flex-direction:column;min-width:0}
.stage-bar{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--gx-line)}
.stage-bar .gx-mono{margin-right:auto}
.vp{flex:1;display:grid;place-items:center;padding:20px;min-height:320px;background:radial-gradient(circle,color-mix(in srgb,var(--gx-fg) 7%,transparent) 1px,transparent 1.2px) 0 0/16px 16px}
.vp iframe{display:block;width:100%;max-width:var(--vw,100%);height:220px;border:0;border-radius:16px;background:var(--gx-bg);box-shadow:var(--gx-shadow-2);transition:max-width .45s var(--gx-ease-out)}
.ctrl{display:flex;flex-direction:column;gap:18px;padding:18px;border-left:1px solid var(--gx-line);background:var(--gx-surface);overflow-y:auto;max-height:720px}
.ctrl h2{font-family:var(--gx-font-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gx-fg-4);font-weight:400}
.opt{display:flex;flex-direction:column;gap:8px}
.opt>span{font-size:12.5px;color:var(--gx-fg-2)}
.opt small{font-size:11.5px;color:var(--gx-fg-4);line-height:1.4}
.chips{display:flex;flex-wrap:wrap;gap:4px}
.chips button{min-height:30px;padding:0 10px;border-radius:999px;border:1px solid var(--gx-line-2);background:none;color:var(--gx-fg-3);font:inherit;font-size:12px;cursor:pointer}
.chips button[aria-pressed=true]{background:var(--gx-fg);border-color:var(--gx-fg);color:var(--gx-bg)}
.opt input[type=text]{min-height:36px;padding:0 10px;border-radius:10px;border:1px solid var(--gx-line-2);background:transparent;color:var(--gx-fg);font:inherit;font-size:13px}
.opt .tsel{border-radius:10px;width:100%}
.code{margin-top:16px;border:1px solid var(--gx-line);border-radius:20px;overflow:hidden}
.code-bar{display:flex;align-items:center;gap:4px;padding:8px 10px;border-bottom:1px solid var(--gx-line);background:var(--gx-surface)}
.code-bar .copy{margin-left:auto}
.code pre{margin:0;padding:18px 20px;max-height:420px;overflow:auto;font-size:12.5px;line-height:1.65;color:var(--gx-fg-2);background:var(--gx-bg-2);tab-size:2}
.code pre[hidden]{display:none}
.t-tag{color:var(--gx-accent)}.t-attr{color:var(--gx-info)}.t-str{color:var(--gx-fg)}.t-com{color:var(--gx-fg-4)}
.rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.rules>div{padding:20px;border-radius:20px;border:1px solid var(--gx-line)}
.rules h3{font-size:13px;font-weight:500;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.rules h3 i{width:8px;height:8px;border-radius:50%;background:var(--c)}
.rules ul{margin:0;padding-left:18px;font-size:13.5px;color:var(--gx-fg-3);display:flex;flex-direction:column;gap:6px}
.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.sw{display:flex;flex-direction:column;border-radius:16px;border:1px solid var(--gx-line);overflow:hidden;background:none;padding:0;font:inherit;color:inherit;text-align:left;cursor:copy}
.sw i{display:block;height:84px;background:var(--c);border-bottom:1px solid var(--gx-line)}
.sw span{display:flex;flex-direction:column;gap:2px;padding:10px 12px;font-size:12px}
.sw code{font-size:10.5px;color:var(--gx-fg-3);word-break:break-all}
.sw:hover{border-color:var(--gx-line-2)}
.sw:focus-visible{outline:2px solid var(--gx-focus);outline-offset:2px}
.tscale{display:flex;flex-direction:column;border-top:1px solid var(--gx-line)}
.tscale>div{display:grid;grid-template-columns:160px minmax(0,1fr);align-items:baseline;gap:20px;padding:18px 0;border-bottom:1px solid var(--gx-line)}
.tscale code{font-size:11px;color:var(--gx-fg-3);line-height:1.6}
.tscale p{overflow:hidden;text-overflow:ellipsis}
.fonts{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.font{padding:22px;border-radius:20px;border:1px solid var(--gx-line);display:flex;flex-direction:column;gap:12px}
.font .aa{font-size:56px;line-height:1}
.font b{font-weight:500;font-size:14px}
.font span{font-size:12.5px;color:var(--gx-fg-3)}
.spaces{display:flex;flex-direction:column;gap:8px}
.spaces div{display:grid;grid-template-columns:90px 70px 1fr;align-items:center;gap:14px;font-size:12px}
.spaces i{display:block;height:14px;border-radius:4px;background:var(--gx-accent);opacity:.75}
.spaces code{color:var(--gx-fg-3)}
.radii{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}
.radii div{display:flex;flex-direction:column;gap:8px;font-size:12px}
.radii i{display:block;aspect-ratio:1;border:1px solid var(--gx-line-2);background:var(--gx-surface)}
.radii code,.shadows code{color:var(--gx-fg-3);font-size:11px}
.shadows{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.shadows div{display:flex;flex-direction:column;gap:12px;font-size:12px}
.shadows i{display:block;height:110px;border-radius:20px;background:var(--gx-surface)}
.ease{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.ease>button{display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:18px;border:1px solid var(--gx-line);background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.ease .track{position:relative;height:28px;border-radius:999px;background:color-mix(in srgb,var(--gx-fg) 5%,transparent)}
.ease .track i{position:absolute;left:4px;top:4px;width:20px;height:20px;border-radius:50%;background:var(--gx-accent)}
.ease button.go .track i{left:calc(100% - 24px);transition:left var(--d) var(--e)}
.ease b{font-weight:500;font-size:13.5px}
.ease code{font-size:11px;color:var(--gx-fg-3)}
.brands{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.brand{display:flex;flex-direction:column;border-radius:22px;overflow:hidden;border:1px solid var(--gx-line)}
.brand .bm{display:grid;place-items:center;height:150px;background:radial-gradient(70% 80% at 50% 45%,color-mix(in srgb,var(--s) 100%,#fff 6%),color-mix(in srgb,var(--s) 60%,#000))}
.brand .bm img{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 4px 14px rgba(0,0,0,.45))}
.brand>div:last-child{display:flex;flex-direction:column;gap:4px;padding:14px 16px 16px}
.brand b{font-weight:500}
.brand span{font-size:12px;color:var(--gx-fg-3)}
.brand code{font-size:10.5px;color:var(--gx-fg-4)}
.brand .dots{display:flex;gap:6px;margin-top:6px}
.brand .dots i{width:14px;height:14px;border-radius:50%;background:var(--c);box-shadow:0 0 0 1px var(--gx-line-2)}
.dosdonts{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dosdonts>div{padding:20px;border-radius:20px;border:1px solid var(--gx-line)}
.dosdonts ul{margin:10px 0 0;padding-left:18px;color:var(--gx-fg-3);font-size:14px;display:flex;flex-direction:column;gap:6px}
.prose{max-width:760px;display:flex;flex-direction:column;gap:14px;font-size:15px;color:var(--gx-fg-2)}
.prose h2{font-family:var(--gx-font-display);font-weight:400;font-size:var(--gx-size-xl);color:var(--gx-fg);margin-top:30px}
.prose h3{font-size:15px;font-weight:500;color:var(--gx-fg);margin-top:14px}
.prose pre{margin:0;padding:16px 18px;border-radius:16px;background:var(--gx-bg-2);border:1px solid var(--gx-line);overflow-x:auto;font-size:12.5px;line-height:1.6}
.prose code{font-size:.88em}
.prose :not(pre)>code{padding:2px 6px;border-radius:6px;background:color-mix(in srgb,var(--gx-fg) 7%,transparent)}
.prose ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}
.prose table{border-collapse:collapse;font-size:13.5px;width:100%}
.prose th,.prose td{text-align:left;padding:10px 12px 10px 0;border-bottom:1px solid var(--gx-line);vertical-align:top}
.prose th{font-weight:500;color:var(--gx-fg-3);font-size:12px}
.builder{display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px;align-items:start}
.builder .ctrl{border:1px solid var(--gx-line);border-radius:24px;max-height:none;position:sticky;top:84px}
.builder iframe{width:100%;height:1100px;border:0;border-radius:24px;border:1px solid var(--gx-line)}
.builder input[type=color]{width:100%;height:42px;padding:3px;border-radius:10px;border:1px solid var(--gx-line-2);background:none;cursor:pointer}
.contrast{font-size:12px;color:var(--gx-fg-3)}
.contrast b{font-weight:500;color:var(--gx-fg)}
.sdlg{width:min(560px,calc(100% - 24px));margin:12vh auto auto;padding:0;border:1px solid var(--gx-line-2);border-radius:20px;background:var(--gx-surface);color:var(--gx-fg);box-shadow:var(--gx-shadow-3)}
.sdlg::backdrop{background:var(--gx-overlay)}
.sdlg input{width:100%;min-height:56px;padding:0 20px;border:0;border-bottom:1px solid var(--gx-line);background:none;color:var(--gx-fg);font:inherit;font-size:16px}
.sdlg input:focus{outline:none}
.sdlg ul{list-style:none;margin:0;padding:8px;max-height:52vh;overflow-y:auto}
.sdlg a{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:10px;text-decoration:none;font-size:14px}
.sdlg a span{color:var(--gx-fg-4);font-size:12px}
.sdlg a:hover,.sdlg a.on{background:color-mix(in srgb,var(--gx-fg) 7%,transparent)}
.foot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;max-width:1080px;margin:80px auto 0;padding-top:24px;border-top:1px solid var(--gx-line);font-size:12.5px;color:var(--gx-fg-4)}
.foot a{text-decoration:underline;text-underline-offset:.25em;text-decoration-color:var(--gx-line-2)}.foot a:hover{color:var(--gx-fg)}
@media (max-width:1100px){.play{grid-template-columns:minmax(0,1fr)}.ctrl{border-left:0;border-top:1px solid var(--gx-line);max-height:none}.builder{grid-template-columns:1fr}.builder .ctrl{position:static}}
@media (max-width:900px){
  .shell{grid-template-columns:minmax(0,1fr)}
  .side{display:none}
  .side-m{display:block;margin:0 0 28px}
  .side-m summary{display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:0 16px;border-radius:14px;border:1px solid var(--gx-line-2);cursor:pointer;font-size:14px;list-style:none}
  .side-m summary::-webkit-details-marker{display:none}
  .side-m .side{display:block;position:static;height:auto;border:1px solid var(--gx-line);border-radius:16px;margin-top:8px;padding:16px 20px}
  .tiles,.rules,.cmp,.dosdonts{grid-template-columns:1fr}
  .facts{grid-template-columns:1fr 1fr}
  main{padding-top:64px}
}
@media (max-width:640px){
  .top{gap:8px}
  .top-tools .tsel,.search-btn kbd{display:none}
  .search-btn span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .brandmark b{display:none}
  .tscale>div{grid-template-columns:1fr;gap:8px}
  .shadows{grid-template-columns:1fr}
  .vp{padding:10px}
  .stage-bar .gx-mono{display:none}
  .top .seg button{padding:0 9px}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.ccard .thumb :is(.gx-hero){min-height:300px}.ccard .thumb .gx-chrome-demo{height:220px}