@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
@font-face{font-family:Pilat;src:url(/fonts/Pilat-Light.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Pilat;src:url(/fonts/Pilat-Book.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Pilat;src:url(/fonts/Pilat-Regular.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Pilat;src:url(/fonts/Pilat-Demi.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Pilat;src:url(/fonts/Pilat-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Pilat;src:url(/fonts/Pilat-Heavy.woff2)format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Pilat Wide;src:url(/fonts/PilatWide-Demi.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Pilat Wide;src:url(/fonts/PilatWide-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Pilat Wide;src:url(/fonts/PilatWide-Heavy.woff2)format("woff2");font-weight:800;font-style:normal;font-display:swap}:root{--xui-font-heading:"Pilat", "Aktiv Grotesk", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--xui-font-display:"Pilat Wide", "Pilat", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--xui-font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--xui-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, "Cascadia Code", "Roboto Mono", monospace;--xui-display-size:64px;--xui-display-lh:78px;--xui-display-weight:400;--xui-h1-size:56px;--xui-h1-lh:68px;--xui-h1-weight:400;--xui-h2-size:48px;--xui-h2-lh:58px;--xui-h2-weight:400;--xui-h3-size:32px;--xui-h3-lh:38px;--xui-h3-weight:400;--xui-h4-size:24px;--xui-h4-lh:28px;--xui-h4-weight:400;--xui-h5-size:20px;--xui-h5-lh:24px;--xui-h5-weight:600;--xui-body-lg-size:18px;--xui-body-lg-lh:24px;--xui-body-md-size:16px;--xui-body-md-lh:20px;--xui-body-sm-size:14px;--xui-body-sm-lh:18px;--xui-body-xs-size:12px;--xui-body-xs-lh:16px;--xui-body-weight:400;--xui-body-accent-weight:500;--xui-space-xs:4px;--xui-space-s:8px;--xui-space-m:16px;--xui-space-l:24px;--xui-space-xl:32px;--xui-radius-button:4px;--xui-radius-input:4px;--xui-radius-card:12px;--xui-radius-tag-sm:4px;--xui-radius-tag-md:6px;--xui-radius-tag-lg:8px;--xui-radius-avatar-sm:4px;--xui-radius-avatar-lg:8px;--xui-radius-avatar-circle:9999px;--xui-shadow-active:0px 1px 2px #07070833, 0px 1px 3px 1px #0707081a;--xui-shadow-surface:0px 1px 2px #07070833, 0px 2px 6px 2px #0707081a;--xui-shadow-surface-hover:0px 4px 8px 3px #0707081a, 0px 1px 3px #07070833;--xui-shadow-popover:0px 6px 10px 4px #0707081a, 0px 2px 3px #07070833;--xui-shadow-modal:0px 8px 12px 6px #0707081a, 0px 4px 4px #07070833;--xui-brand-cyan-100:#b2f2ff;--xui-brand-cyan-80:#80eaff;--xui-brand-cyan-60:#55dcf6;--xui-brand-cyan-40:#31cae8;--xui-brand-cyan-20:#22a8c3;--xui-brand-cyan-deep:#0b3841;--xui-brand-lime-100:#dfff80;--xui-brand-lime-80:#cef655;--xui-brand-lime-60:#bae831;--xui-brand-lime-40:#9bc323;--xui-brand-lime-20:#79971b;--xui-bg-primary:#1b2628;--xui-bg-secondary:#141d1f;--xui-bg-inverse:#fff;--xui-bg-float:#1b2628;--xui-bg-brand:#80eaff;--xui-bg-brand-sub:#0b3841;--xui-bg-brand2:#cef655;--xui-bg-brand2-sub:#566c13;--xui-bg-success:#95ff80;--xui-bg-success-sub:#14410b;--xui-bg-warning:#ffc380;--xui-bg-warning-sub:#6c4313;--xui-bg-alert:#e84f30;--xui-bg-alert-sub:#6c2213;--xui-bg-neutral:#99aeb2;--xui-bg-neutral-sub:#34474b;--xui-fg-primary:#fff;--xui-fg-secondary:#ffffffb8;--xui-fg-tertiary:#ffffff94;--xui-fg-inverse:#000;--xui-fg-brand:#55dcf6;--xui-fg-brand2:#cef655;--xui-fg-success:#70f655;--xui-fg-warning:#f6ab55;--xui-fg-alert:#f67055;--xui-fg-neutral:#99aeb2;--xui-border-primary:#fff;--xui-border-secondary:#ffffff29;--xui-border-brand:#55dcf6;--xui-border-brand2:#cef655;--xui-border-alert:#f67055;--xui-overlay-mono:#ffffff1a;--xui-overlay-brand:#80eaff33;--xui-overlay-brand2:#cef6554d;--xui-scrim:#00000080;--xui-input-bg:#ffffff1f;--xui-input-border:#ffffff1a;--xui-input-placeholder:#ffffff8f;--xui-link:#55dcf6;--xui-link-hover:#80eaff}[data-xui-theme=light]{--xui-bg-primary:#fff;--xui-bg-secondary:#f3f3f2;--xui-bg-inverse:#000;--xui-bg-float:#fff;--xui-bg-brand-sub:#b2f2ff;--xui-bg-brand2-sub:#dfff80;--xui-bg-success-sub:#bfffb2;--xui-bg-warning-sub:#ffdbb2;--xui-bg-alert-sub:#ffbfb2;--xui-bg-neutral-sub:#d7dee0;--xui-fg-primary:#000;--xui-fg-secondary:#000000bf;--xui-fg-tertiary:#0009;--xui-fg-inverse:#fff;--xui-fg-brand:#22a8c3;--xui-fg-brand2:#79971b;--xui-fg-success:#30981b;--xui-fg-warning:#c37822;--xui-fg-alert:#e84f30;--xui-fg-neutral:#34474b;--xui-border-primary:#000;--xui-border-secondary:#0000001a;--xui-border-brand:#31cae8;--xui-border-brand2:#bae831;--xui-border-alert:#e84f30;--xui-overlay-mono:#0000000d;--xui-scrim:#000000bf;--xui-input-bg:#0000001a;--xui-input-border:#0000001a;--xui-input-placeholder:#0009;--xui-link:#22a8c3;--xui-link-hover:#31cae8}*{box-sizing:border-box}*,:before,:after{font-variant-ligatures:no-common-ligatures no-discretionary-ligatures no-historical-ligatures no-contextual;font-feature-settings:"liga" 0, "clig" 0, "dlig" 0, "hlig" 0, "calt" 0}html,body{margin:0;padding:0}html{scrollbar-gutter:stable;overscroll-behavior-y:contain;overflow-y:scroll}body{background:var(--xui-bg-primary);min-height:100vh;color:var(--xui-fg-primary);font-family:var(--xui-font-body);font-size:var(--xui-body-md-size);line-height:var(--xui-body-md-lh);font-weight:var(--xui-body-weight);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-feature-settings:normal;font-variant-ligatures:no-common-ligatures no-discretionary-ligatures no-historical-ligatures no-contextual;overflow-x:clip}.nav,.hero,.landing{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0;padding:0}.shell{max-width:1240px;padding:0 var(--xui-space-xl);margin:0 auto}@media (max-width:720px){.shell{padding:0 var(--xui-space-m)}}.nav{z-index:50;-webkit-backdrop-filter:blur(12px);background:color-mix(in srgb, var(--xui-bg-primary) 80%, transparent);border-bottom:1px solid var(--xui-border-secondary);position:sticky;top:0}.nav-transparent{--xui-fg-primary:#fff;--xui-fg-secondary:#ffffffb8;color:#fff;-webkit-backdrop-filter:none;background:0 0;border-bottom-color:#0000}.nav-row{align-items:center;gap:var(--xui-space-l);height:64px;display:flex}.nav-brand{align-items:center;gap:var(--xui-space-s);font-family:"Pilat Wide", var(--xui-font-heading);letter-spacing:-.01em;font-weight:700;display:flex}.nav-brand-mark{background:var(--xui-brand-cyan-80);color:#0b3841;width:28px;height:28px;font-family:var(--xui-font-mono);border-radius:6px;place-items:center;font-size:13px;font-weight:700;display:grid}.nav-links{gap:var(--xui-space-l);align-items:center;margin-left:auto;display:flex}.nav-link{color:var(--xui-fg-secondary);padding:6px 2px;font-size:14px;font-weight:500;transition:color .12s;position:relative}.nav-link:hover,.nav-link.is-active{color:var(--xui-fg-primary)}.nav-link.is-active:after{content:"";background:var(--xui-brand-cyan-80);height:2px;position:absolute;bottom:-22px;left:0;right:0}.theme-toggle{border-radius:var(--xui-radius-button);width:36px;height:36px;color:var(--xui-fg-secondary);justify-content:center;align-items:center;transition:background .12s;display:inline-flex}.theme-toggle:hover{background:var(--xui-overlay-mono);color:var(--xui-fg-primary)}.hero{border-bottom:1px solid var(--xui-border-secondary);padding:96px 0 64px}.hero-grid{grid-template-columns:1.1fr 1fr;align-items:end;gap:64px;display:grid}@media (max-width:960px){.hero-grid{grid-template-columns:1fr;gap:48px}.hero{padding:56px 0 40px}}.hero-eyebrow{font-family:var(--xui-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--xui-fg-brand);margin-bottom:var(--xui-space-l);align-items:center;gap:var(--xui-space-s);font-size:12px;display:flex}.hero-eyebrow:before{content:"";background:var(--xui-fg-brand);width:24px;height:1px}.hero-title{font-family:var(--xui-font-heading);letter-spacing:-.02em;margin:0 0 var(--xui-space-l);color:var(--xui-fg-primary);text-wrap:balance;font-size:clamp(40px,6vw,72px);font-weight:300;line-height:1.05}.hero-title em{background:linear-gradient(180deg, transparent 60%, var(--xui-overlay-brand) 60%);margin:0 -4px;padding:0 4px;font-style:normal;font-weight:600}.hero-bio{color:var(--xui-fg-secondary);max-width:48ch;margin:0 0 var(--xui-space-xl);text-wrap:pretty;font-size:17px;line-height:1.6}.hero-meta{gap:var(--xui-space-l);color:var(--xui-fg-tertiary);font-size:13px;font-family:var(--xui-font-mono);align-items:center;display:flex}.hero-meta .dot{background:var(--xui-fg-tertiary);border-radius:50%;width:4px;height:4px}.hero-meta .live{color:var(--xui-fg-success);align-items:center;gap:6px;display:inline-flex}.hero-meta .live-dot{background:var(--xui-fg-success);width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb, var(--xui-fg-success) 30%, transparent);border-radius:50%;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.featured{border-radius:var(--xui-radius-card);background:var(--xui-bg-secondary);border:1px solid var(--xui-border-secondary);transition:transform .2s,border-color .2s;display:block;position:relative;overflow:hidden}.featured:hover{border-color:color-mix(in srgb, var(--xui-brand-cyan-80) 50%, transparent)}.featured-art{aspect-ratio:16/10;background:radial-gradient(circle at 20% 80%, var(--xui-brand-cyan-deep), transparent 50%), radial-gradient(circle at 80% 20%, color-mix(in srgb, var(--xui-brand-lime-80) 40%, transparent), transparent 55%), linear-gradient(135deg, #0b3841 0%, #1b2628 60%, #141d1f 100%);position:relative;overflow:hidden}.featured-art:before{content:"";background-image:linear-gradient(var(--xui-border-secondary) 1px, transparent 1px), linear-gradient(90deg, var(--xui-border-secondary) 1px, transparent 1px);opacity:.5;background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 75%);mask-image:radial-gradient(#000 30%,#0000 75%)}.featured-art-badge{top:var(--xui-space-m);left:var(--xui-space-m);background:var(--xui-bg-brand2);color:#141d1f;font-family:var(--xui-font-mono);border-radius:var(--xui-radius-tag-sm);letter-spacing:.04em;padding:4px 10px;font-size:11px;font-weight:700;position:absolute}.featured-art-glyph{font-family:var(--xui-font-mono);color:var(--xui-brand-cyan-80);opacity:.4;letter-spacing:-.08em;place-items:center;font-size:72px;font-weight:300;display:grid;position:absolute;inset:0}.featured-body{padding:var(--xui-space-l);gap:var(--xui-space-s);flex-direction:column;display:flex}.featured-meta{gap:var(--xui-space-m);font-family:var(--xui-font-mono);color:var(--xui-fg-tertiary);font-size:12px;display:flex}.featured-title{font-family:var(--xui-font-heading);color:var(--xui-fg-primary);margin:0;font-size:22px;font-weight:500;line-height:1.25}.featured-excerpt{color:var(--xui-fg-secondary);margin:0;font-size:14px;line-height:1.5}.toolbar{padding:var(--xui-space-xl) 0 var(--xui-space-l);gap:var(--xui-space-m);flex-wrap:wrap;align-items:center;display:flex}.search{flex:1;min-width:240px;max-width:360px;position:relative}.search input{background:var(--xui-input-bg);border:1px solid var(--xui-input-border);border-radius:var(--xui-radius-input);width:100%;font:inherit;color:var(--xui-fg-primary);outline:none;padding:10px 14px 10px 38px;font-size:14px;transition:border-color .12s,box-shadow .12s}.search input::placeholder{color:var(--xui-input-placeholder)}.search input:focus{border-color:var(--xui-border-brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--xui-brand-cyan-80) 20%, transparent)}.search .search-icon{width:16px;height:16px;color:var(--xui-fg-tertiary);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.tags{flex-wrap:wrap;gap:6px;display:flex}.tag{border-radius:var(--xui-radius-tag-lg);background:var(--xui-overlay-mono);color:var(--xui-fg-secondary);cursor:pointer;border:1px solid #0000;align-items:baseline;gap:6px;height:32px;padding:7px 12px;font-size:13px;font-weight:500;line-height:1;transition:background .12s,color .12s;display:inline-flex}.tag:hover{color:var(--xui-fg-primary);background:color-mix(in srgb, var(--xui-overlay-mono) 200%, transparent)}.tag.is-active{background:var(--xui-brand-cyan-80);color:#0b3841}.tag-count{font-family:var(--xui-font-mono);color:var(--xui-fg-tertiary);font-feature-settings:"tnum";font-size:12px;font-weight:500;line-height:inherit}.tag.is-active .tag-count{color:#0b3841;opacity:.75}.posts{padding:var(--xui-space-m) 0 96px}.post{gap:var(--xui-space-xl);padding:var(--xui-space-l) 0;border-bottom:1px solid var(--xui-border-secondary);cursor:pointer;grid-template-columns:120px 1fr auto;align-items:start;transition:background .12s;display:grid}.post:hover{background:color-mix(in srgb, var(--xui-overlay-mono) 60%, transparent);margin:0 calc(-1 * var(--xui-space-m));padding-left:var(--xui-space-m);padding-right:var(--xui-space-m)}.post:hover .post-title{color:var(--xui-fg-brand)}.post:hover .post-arrow{color:var(--xui-fg-primary);transform:translate(4px)}@media (max-width:720px){.post{gap:var(--xui-space-s);grid-template-columns:1fr}.post-arrow{display:none!important}}.post-date{font-family:var(--xui-font-mono);color:var(--xui-fg-tertiary);letter-spacing:.02em;padding-top:4px;font-size:12px}.post-date-year{color:var(--xui-fg-secondary);font-size:14px;font-weight:500;display:block}.post-body{min-width:0}.post-tags{margin-bottom:var(--xui-space-s);flex-wrap:wrap;gap:6px;display:flex}.post-tag{font-family:var(--xui-font-mono);letter-spacing:.04em;color:var(--xui-fg-brand);text-transform:uppercase;font-size:11px;font-weight:500}.post-tag+.post-tag{color:var(--xui-fg-tertiary)}.post-title{font-family:var(--xui-font-heading);letter-spacing:-.01em;margin:0 0 var(--xui-space-s);color:var(--xui-fg-primary);text-wrap:balance;font-size:26px;font-weight:400;line-height:1.25;transition:color .12s}.post-excerpt{color:var(--xui-fg-secondary);margin:0 0 var(--xui-space-s);text-wrap:pretty;max-width:62ch;font-size:15px;line-height:1.55}.post-meta{font-family:var(--xui-font-mono);color:var(--xui-fg-tertiary);gap:var(--xui-space-m);font-size:12px;display:flex}.post-arrow{color:var(--xui-fg-tertiary);align-self:center;width:20px;height:20px;transition:transform .15s,color .12s}.article{padding:64px 0 96px}.article-header{max-width:720px;margin:0 auto var(--xui-space-xl)}.article-back{font-family:var(--xui-font-mono);color:var(--xui-fg-tertiary);margin-bottom:var(--xui-space-l);align-items:center;gap:6px;font-size:12px;transition:color .12s;display:inline-flex}.article-back:hover{color:var(--xui-fg-primary)}.article-tags{gap:var(--xui-space-s);margin-bottom:var(--xui-space-m);display:flex}.article-tag{font-family:var(--xui-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--xui-fg-brand);font-size:12px;font-weight:500}.article-title{font-family:var(--xui-font-heading);letter-spacing:-.015em;margin:0 0 var(--xui-space-l);color:var(--xui-fg-primary);text-wrap:balance;font-size:clamp(32px,5vw,52px);font-weight:500;line-height:1.1}.article-lede{color:var(--xui-fg-secondary);margin:0 0 var(--xui-space-xl);text-wrap:pretty;font-size:20px;line-height:1.5}.article-byline{align-items:center;gap:var(--xui-space-m);padding:var(--xui-space-m) 0;border-top:1px solid var(--xui-border-secondary);border-bottom:1px solid var(--xui-border-secondary);font-size:14px;display:flex}.avatar{background:linear-gradient(135deg, var(--xui-brand-cyan-80), var(--xui-brand-cyan-20));color:#0b3841;width:40px;height:40px;font-family:var(--xui-font-heading);border-radius:50%;flex-shrink:0;place-items:center;font-size:15px;font-weight:600;display:grid}.byline-meta{flex-direction:column;gap:2px;display:flex}.byline-name{color:var(--xui-fg-primary);font-weight:500}.byline-info{color:var(--xui-fg-tertiary);font-family:var(--xui-font-mono);font-size:12px}.article-layout{grid-template-columns:200px minmax(0,720px);justify-content:center;gap:64px;max-width:1040px;margin:0 auto;display:grid}@media (max-width:960px){.article-layout{gap:var(--xui-space-xl);grid-template-columns:minmax(0,1fr);max-width:720px}.toc{position:static!important}.prose,.toc{min-width:0}}.toc{align-self:start;font-size:13px;position:sticky;top:88px}.toc-label{font-family:var(--xui-font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--xui-fg-tertiary);margin-bottom:var(--xui-space-m);font-size:11px}.toc-list{border-left:1px solid var(--xui-border-secondary);flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.toc-item a{padding:2px var(--xui-space-m);color:var(--xui-fg-tertiary);border-left:1px solid #0000;margin-left:-1px;line-height:1.4;transition:color .12s,border-color .12s;display:block}.toc-item a:hover{color:var(--xui-fg-primary)}.toc-item a.is-active{color:var(--xui-fg-brand);border-left-color:var(--xui-brand-cyan-80)}.prose{color:var(--xui-fg-secondary);overflow-wrap:break-word;font-size:17px;line-height:1.7}.prose h2{font-family:var(--xui-font-heading);color:var(--xui-fg-primary);letter-spacing:-.01em;margin:48px 0 16px;scroll-margin-top:88px;font-size:28px;font-weight:500;line-height:1.25}.prose h2:first-child{margin-top:0}.prose h3{font-family:var(--xui-font-heading);color:var(--xui-fg-primary);margin:32px 0 12px;font-size:20px;font-weight:500;line-height:1.3}.prose p{text-wrap:pretty;margin:0 0 20px}.prose a{color:var(--xui-link);border-bottom:1px solid color-mix(in srgb, var(--xui-link) 40%, transparent);transition:border-color .12s}.prose a:hover{border-color:var(--xui-link-hover);color:var(--xui-link-hover)}.prose ul,.prose ol{margin:0 0 20px;padding-left:20px}.prose li{margin-bottom:8px}.prose strong{color:var(--xui-fg-primary);font-weight:600}.prose em{color:var(--xui-fg-primary)}.prose code:not(pre code){font-family:var(--xui-font-mono);background:var(--xui-overlay-mono);color:var(--xui-fg-brand);border:1px solid var(--xui-border-secondary);border-radius:4px;padding:2px 6px;font-size:.88em}.prose blockquote{border-left:2px solid var(--xui-brand-cyan-80);color:var(--xui-fg-primary);font-family:var(--xui-font-heading);margin:24px 0;padding:4px 0 4px 20px;font-size:20px;font-weight:400;line-height:1.45}.codeblock{border-radius:var(--xui-radius-card);background:var(--xui-bg-secondary);border:1px solid var(--xui-border-secondary);max-width:100%;font-family:var(--xui-font-mono);margin:24px 0;font-size:13.5px;line-height:1.65;overflow:hidden}.codeblock-head{border-bottom:1px solid var(--xui-border-secondary);background:color-mix(in srgb, var(--xui-bg-primary) 50%, var(--xui-bg-secondary));justify-content:space-between;align-items:center;padding:8px 12px 8px 14px;display:flex}.codeblock-lang{letter-spacing:.08em;text-transform:uppercase;color:var(--xui-fg-tertiary);font-size:11px;font-weight:500}.codeblock-copy{color:var(--xui-fg-tertiary);border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;transition:color .12s,background .12s;display:inline-flex}.codeblock-copy:hover{color:var(--xui-fg-primary);background:var(--xui-overlay-mono)}.codeblock pre{color:var(--xui-fg-primary);margin:0;padding:16px 18px;overflow-x:auto}.codeblock pre code{color:inherit;font-family:inherit;font-size:inherit;background:0 0;border:0;padding:0}.tok-kw{color:var(--xui-brand-cyan-80)}.tok-fn{color:var(--xui-brand-lime-80)}.tok-str{color:#ffc380}.tok-num{color:#f6ab55}.tok-com{color:var(--xui-fg-tertiary);font-style:italic}.tok-op{color:var(--xui-fg-secondary)}.tok-ty{color:#b2f2ff}.tok-var{color:var(--xui-fg-primary)}.tok-pun{color:var(--xui-fg-secondary)}[data-xui-theme=light] .tok-kw{color:#22a8c3}[data-xui-theme=light] .tok-fn{color:#79971b}[data-xui-theme=light] .tok-str,[data-xui-theme=light] .tok-num{color:#c37822}[data-xui-theme=light] .tok-com{color:#00000073}[data-xui-theme=light] .tok-ty{color:#31cae8}.callout{gap:var(--xui-space-m);padding:var(--xui-space-m) var(--xui-space-l);background:var(--xui-overlay-brand);border-left:2px solid var(--xui-brand-cyan-80);border-radius:0 var(--xui-radius-card) var(--xui-radius-card) 0;color:var(--xui-fg-primary);margin:24px 0;font-size:15px;display:flex}.callout-icon{color:var(--xui-fg-brand);flex-shrink:0;padding-top:2px}.callout p{margin:0;line-height:1.55}.article-footer{max-width:720px;padding-top:var(--xui-space-xl);border-top:1px solid var(--xui-border-secondary);margin:64px auto 0}.next-up{padding:var(--xui-space-l);border-radius:var(--xui-radius-card);background:var(--xui-bg-secondary);border:1px solid var(--xui-border-secondary);margin-top:var(--xui-space-l);transition:border-color .15s;display:block}.next-up:hover{border-color:var(--xui-brand-cyan-80)}.next-up-label{font-family:var(--xui-font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--xui-fg-tertiary);margin-bottom:8px;font-size:11px}.next-up-title{font-family:var(--xui-font-heading);color:var(--xui-fg-primary);margin:0 0 8px;font-size:22px;font-weight:500;line-height:1.3}.next-up-meta{font-family:var(--xui-font-mono);color:var(--xui-fg-tertiary);font-size:12px}.author-page{padding:64px 0 96px}.author-hero{gap:var(--xui-space-xl);padding-bottom:var(--xui-space-xl);border-bottom:1px solid var(--xui-border-secondary);margin-bottom:var(--xui-space-xl);grid-template-columns:auto 1fr;align-items:start;display:grid}@media (max-width:720px){.author-hero{grid-template-columns:1fr}}.avatar-lg{background:linear-gradient(135deg, var(--xui-brand-cyan-80), var(--xui-brand-cyan-20));color:#0b3841;width:120px;height:120px;font-family:var(--xui-font-heading);border-radius:50%;place-items:center;font-size:48px;font-weight:600;display:grid;position:relative}.avatar-lg:after{content:"";background:var(--xui-fg-success);border:3px solid var(--xui-bg-primary);border-radius:50%;width:20px;height:20px;position:absolute;bottom:4px;right:6px}.author-name{font-family:var(--xui-font-heading);letter-spacing:-.015em;margin:0 0 var(--xui-space-s);font-size:44px;font-weight:400;line-height:1.1}.author-role{font-family:var(--xui-font-mono);color:var(--xui-fg-brand);letter-spacing:.04em;margin-bottom:var(--xui-space-m);font-size:13px}.author-bio{color:var(--xui-fg-secondary);max-width:62ch;margin:0 0 var(--xui-space-l);text-wrap:pretty;font-size:17px;line-height:1.6}.author-links{gap:var(--xui-space-s);flex-wrap:wrap;display:flex}.chip{border-radius:var(--xui-radius-tag-lg);border:1px solid var(--xui-border-secondary);color:var(--xui-fg-secondary);align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .12s;display:inline-flex}.chip:hover{border-color:var(--xui-border-brand);color:var(--xui-fg-primary)}.stats-grid{gap:var(--xui-space-m);margin-bottom:var(--xui-space-xl);grid-template-columns:repeat(4,1fr);display:grid}@media (max-width:720px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.stat{padding:var(--xui-space-l);background:var(--xui-bg-secondary);border-radius:var(--xui-radius-card);border:1px solid var(--xui-border-secondary)}.stat-value{font-family:var(--xui-font-heading);color:var(--xui-fg-primary);letter-spacing:-.02em;margin-bottom:6px;font-size:36px;font-weight:400;line-height:1}.stat-value .unit{color:var(--xui-fg-tertiary);margin-left:2px;font-size:18px}.stat-label{font-family:var(--xui-font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--xui-fg-tertiary);font-size:11px}.stat-accent .stat-value{color:var(--xui-fg-brand)}.section-title{font-family:var(--xui-font-heading);margin:0 0 var(--xui-space-m);letter-spacing:-.01em;justify-content:space-between;align-items:baseline;font-size:24px;font-weight:500;display:flex}.section-title .count{font-family:var(--xui-font-mono);color:var(--xui-fg-tertiary);font-size:13px;font-weight:400}.project-grid{gap:var(--xui-space-m);margin-bottom:var(--xui-space-xl);grid-template-columns:repeat(2,1fr);display:grid}@media (max-width:720px){.project-grid{grid-template-columns:1fr}}.project{padding:var(--xui-space-l);background:var(--xui-bg-secondary);border-radius:var(--xui-radius-card);border:1px solid var(--xui-border-secondary);cursor:pointer;transition:border-color .15s}.project:hover{border-color:var(--xui-brand-cyan-80)}.project-head{margin-bottom:var(--xui-space-s);justify-content:space-between;align-items:start;display:flex}.project-name{font-family:var(--xui-font-heading);color:var(--xui-fg-primary);margin:0;font-size:18px;font-weight:500}.project-lang{font-family:var(--xui-font-mono);background:var(--xui-overlay-brand);color:var(--xui-fg-brand);border-radius:4px;padding:2px 6px;font-size:11px;font-weight:500}.project-lang.lime{background:var(--xui-overlay-brand2);color:var(--xui-fg-brand2)}.project-lang.neutral{background:var(--xui-overlay-mono);color:var(--xui-fg-secondary)}.project-desc{color:var(--xui-fg-secondary);margin:0 0 var(--xui-space-m);font-size:14px;line-height:1.5}.project-meta{gap:var(--xui-space-m);font-family:var(--xui-font-mono);color:var(--xui-fg-tertiary);font-size:12px;display:flex}.project-meta span{align-items:center;gap:4px;display:inline-flex}.timeline{gap:var(--xui-space-m);flex-direction:column;display:flex}.timeline-item{padding:var(--xui-space-m) 0;border-bottom:1px solid var(--xui-border-secondary)}.timeline-role{font-family:var(--xui-font-heading);margin:0 0 2px;font-size:17px;font-weight:500}.timeline-company{color:var(--xui-fg-brand);margin-bottom:6px;font-size:14px;font-weight:500}.timeline-when,.timeline-where{font-family:var(--xui-font-mono);color:var(--xui-fg-tertiary);align-items:center;margin-left:10px;font-size:12px;font-weight:400;display:inline-flex}.timeline-when:before,.timeline-where:before{content:"·";margin-right:10px}.timeline-when-sep{color:currentColor;flex-shrink:0;width:1em;height:.7em;margin:0 6px}.timeline-desc{color:var(--xui-fg-secondary);margin:0;font-size:14px;line-height:1.55}.timeline-item.is-redacted .timeline-content{position:relative}.timeline-item.is-redacted .timeline-role,.timeline-item.is-redacted .timeline-company,.timeline-item.is-redacted .timeline-desc{filter:blur(5px);-webkit-user-select:none;user-select:none;pointer-events:none}.timeline-item.is-redacted .timeline-content:before{content:"";border-radius:var(--xui-radius-card);background:color-mix(in srgb, var(--xui-bg-secondary) 50%, transparent);-webkit-backdrop-filter:blur(2px);border:1px solid var(--xui-border-secondary);pointer-events:none;position:absolute;inset:-4px -8px}.timeline-redacted-mark{font-family:var(--xui-font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--xui-fg-tertiary);background:var(--xui-bg-primary);border:1px solid var(--xui-border-secondary);border-radius:var(--xui-radius-tag-lg);white-space:nowrap;z-index:1;padding:6px 12px;font-size:11px;font-weight:500;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.timeline-sections{flex-direction:column;gap:8px;display:flex}.timeline-sections .timeline-desc{margin:0}.timeline-section-redacted{flex-direction:column;gap:4px;display:flex;position:relative}.timeline-section-redacted .timeline-desc{filter:blur(5px);-webkit-user-select:none;user-select:none;pointer-events:none}.timeline-section-redacted:before{content:"";border-radius:var(--xui-radius-card);background:color-mix(in srgb, var(--xui-bg-secondary) 50%, transparent);-webkit-backdrop-filter:blur(2px);border:1px solid var(--xui-border-secondary);pointer-events:none;position:absolute;inset:-4px -8px}.portfolio-page{padding:64px 0 96px}.portfolio-header{max-width:720px;margin:0 auto var(--xui-space-xl);padding-bottom:var(--xui-space-xl);border-bottom:1px solid var(--xui-border-secondary)}.portfolio-eyebrow{font-family:var(--xui-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--xui-fg-brand);margin-bottom:var(--xui-space-m);align-items:center;gap:var(--xui-space-s);font-size:12px;display:flex}.portfolio-eyebrow:before{content:"";background:var(--xui-fg-brand);width:24px;height:1px}.portfolio-title{font-family:var(--xui-font-heading);letter-spacing:-.02em;margin:0 0 var(--xui-space-l);color:var(--xui-fg-primary);text-wrap:balance;font-size:clamp(36px,5vw,56px);font-weight:300;line-height:1.05}.portfolio-title em{background:linear-gradient(180deg, transparent 60%, var(--xui-overlay-brand) 60%);margin:0 -4px;padding:0 4px;font-style:normal;font-weight:600}.portfolio-lede{color:var(--xui-fg-secondary);text-wrap:pretty;max-width:62ch;margin:0;font-size:18px;line-height:1.6}.app-grid{align-items:stretch;gap:var(--xui-space-l);margin-bottom:var(--xui-space-xl);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (max-width:840px){.app-grid{grid-template-columns:1fr}}.app-grid>a{display:flex}.app-card{border-radius:var(--xui-radius-card);background:var(--xui-bg-secondary);border:1px solid var(--xui-border-secondary);cursor:pointer;flex-direction:column;width:100%;height:100%;transition:border-color .2s,transform .2s;display:flex;overflow:hidden}.app-card:hover{border-color:color-mix(in srgb, var(--xui-brand-cyan-80) 50%, transparent)}.app-card[data-static=true]:hover{cursor:default}.app-art{aspect-ratio:16/9;background:linear-gradient(135deg,#0b3841 0%,#1b2628 60%,#141d1f 100%);position:relative;overflow:hidden}.app-art[data-accent=cyan]{background:radial-gradient(circle at 20% 80%, var(--xui-brand-cyan-deep), transparent 55%), radial-gradient(circle at 80% 25%, color-mix(in srgb, var(--xui-brand-cyan-80) 35%, transparent), transparent 60%), linear-gradient(135deg, #0b3841 0%, #1b2628 60%, #141d1f 100%)}.app-art[data-accent=lime]{background:radial-gradient(circle at 25% 75%, color-mix(in srgb, var(--xui-brand-lime-80) 50%, transparent), transparent 55%), radial-gradient(circle at 80% 30%, color-mix(in srgb, var(--xui-brand-lime-100) 30%, transparent), transparent 60%), linear-gradient(135deg, #1b2628 0%, #141d1f 60%, #0b1a0b 100%)}.app-art[data-accent=mixed]{background:radial-gradient(circle at 15% 80%, var(--xui-brand-cyan-deep), transparent 50%), radial-gradient(circle at 85% 20%, color-mix(in srgb, var(--xui-brand-lime-80) 45%, transparent), transparent 55%), linear-gradient(135deg, #0b3841 0%, #1b2628 55%, #141d1f 100%)}.app-art:before{content:"";background-image:linear-gradient(var(--xui-border-secondary) 1px, transparent 1px), linear-gradient(90deg, var(--xui-border-secondary) 1px, transparent 1px);opacity:.5;background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 75%);mask-image:radial-gradient(#000 30%,#0000 75%)}.app-art-glyph{font-family:var(--xui-font-mono);color:var(--xui-brand-cyan-80);opacity:.45;letter-spacing:-.08em;place-items:center;font-size:88px;font-weight:300;display:grid;position:absolute;inset:0}.app-art[data-accent=lime] .app-art-glyph{color:var(--xui-brand-lime-80)}.app-art-logo{opacity:.72;filter:drop-shadow(0 12px 24px #00000052);max-width:min(58%,240px);height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.app-art-logo-bicycle{width:84%;max-width:min(84%,520px)}.app-art-logo-furnished-finder{opacity:.88;width:72%;max-width:min(72%,420px)}.app-art-animation{aspect-ratio:1;object-fit:contain;opacity:.82;filter:drop-shadow(0 12px 24px #00000052);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.app-art-animation-grannybot{width:min(56%,240px)}.app-art-lottie{aspect-ratio:1;opacity:.9;filter:drop-shadow(0 14px 28px #00000052);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.app-art-lottie svg{display:block;width:100%!important;height:100%!important}.app-art-lottie-restaurant-hero{width:min(62%,260px)}.app-art-screenshot{object-fit:cover;object-position:top center;width:100%;height:100%;position:absolute;inset:0}.app-art-period{top:var(--xui-space-m);left:var(--xui-space-m);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--xui-fg-primary);font-family:var(--xui-font-mono);border-radius:var(--xui-radius-tag-sm);letter-spacing:.04em;border:1px solid var(--xui-border-secondary);background:#00000059;padding:4px 10px;font-size:11px;position:absolute}.app-body{gap:var(--xui-space-s);padding:var(--xui-space-l);flex-direction:column;flex:1;display:flex}.app-meta{font-family:var(--xui-font-mono);color:var(--xui-fg-brand);letter-spacing:.04em;text-transform:uppercase;font-size:12px}.app-name{font-family:var(--xui-font-heading);color:var(--xui-fg-primary);letter-spacing:-.01em;margin:0;font-size:24px;font-weight:500;line-height:1.2}.app-role{color:var(--xui-fg-secondary);margin:0;font-size:14px}.app-blurb{color:var(--xui-fg-secondary);margin:var(--xui-space-xs) 0 0;text-wrap:pretty;font-size:15px;line-height:1.55}.app-tech{padding-top:var(--xui-space-s);flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.app-tech-chip{font-family:var(--xui-font-mono);letter-spacing:.04em;background:var(--xui-overlay-mono);color:var(--xui-fg-tertiary);border-radius:var(--xui-radius-tag-sm);text-transform:uppercase;padding:3px 8px;font-size:11px}.portfolio-section-head{margin:var(--xui-space-xl) 0 var(--xui-space-l);padding-top:var(--xui-space-l);border-top:1px solid var(--xui-border-secondary);justify-content:space-between;align-items:baseline;display:flex}.portfolio-section-head:first-of-type{border-top:0;margin-top:0;padding-top:0}.portfolio-section-title{font-family:var(--xui-font-heading);letter-spacing:-.01em;margin:0;font-size:28px;font-weight:500}.portfolio-section-count{font-family:var(--xui-font-mono);color:var(--xui-fg-tertiary);letter-spacing:.04em;text-transform:uppercase;font-size:12px}::selection{background:var(--xui-brand-cyan-80);color:#0b3841}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--xui-overlay-mono);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--xui-overlay-mono) 200%, transparent)}.post-figure{margin:var(--xui-space-l) 0}.post-figure img{border-radius:8px;max-width:100%;height:auto;display:block}.post-figure figcaption{margin-top:var(--xui-space-xs);color:var(--xui-fg-tertiary);font-size:13px;font-family:var(--xui-font-mono)}.yt-embed{border-radius:8px;width:100%;padding-top:56.25%;position:relative;overflow:hidden}.yt-embed iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.gh-chart{padding:var(--xui-space-l);border:1px solid var(--xui-border-secondary);border-radius:var(--xui-radius-card);background:var(--xui-bg-secondary);margin:0}.gh-chart-meta{font-family:var(--xui-font-mono);color:var(--xui-fg-tertiary);margin-bottom:var(--xui-space-m);font-size:13px}.gh-chart-total{color:var(--xui-fg-primary);font-weight:600}.gh-chart-total-label{color:var(--xui-fg-tertiary)}.gh-chart-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:thin;overflow-x:auto}.gh-chart-svg{min-width:100%;display:block}.gh-chart-month,.gh-chart-weekday{fill:var(--xui-fg-tertiary);font-family:var(--xui-font-mono);font-size:10px}.gh-chart-cell{shape-rendering:geometricprecision}.gh-chart-cell-0{fill:var(--xui-overlay-mono)}.gh-chart-cell-1{fill:var(--xui-brand-cyan-20)}.gh-chart-cell-2{fill:var(--xui-brand-cyan-40)}.gh-chart-cell-3{fill:var(--xui-brand-cyan-60)}.gh-chart-cell-4{fill:var(--xui-brand-cyan-80)}.gh-chart-legend{margin-top:var(--xui-space-m);font-family:var(--xui-font-mono);color:var(--xui-fg-tertiary);justify-content:flex-end;align-items:center;gap:4px;font-size:11px;display:flex}.gh-chart-legend-cell{background:currentColor;border-radius:2px;width:10px;height:10px;display:inline-block}.gh-chart-legend-cell.gh-chart-cell-0{background:var(--xui-overlay-mono)}.gh-chart-legend-cell.gh-chart-cell-1{background:var(--xui-brand-cyan-20)}.gh-chart-legend-cell.gh-chart-cell-2{background:var(--xui-brand-cyan-40)}.gh-chart-legend-cell.gh-chart-cell-3{background:var(--xui-brand-cyan-60)}.gh-chart-legend-cell.gh-chart-cell-4{background:var(--xui-brand-cyan-80)}.gh-chart-loading{color:var(--xui-fg-tertiary);font-family:var(--xui-font-mono);padding:var(--xui-space-l);text-align:center;font-size:13px}.resume-page{padding-top:0}.resume-toolbar{z-index:10;padding:var(--xui-space-m) var(--xui-space-l);background:linear-gradient(to bottom, var(--xui-bg-primary) 70%, transparent);justify-content:flex-end;display:flex;position:sticky;top:0}.resume-capture{background:var(--xui-bg-primary);width:816px;max-width:100%;color:var(--xui-fg-primary);box-sizing:border-box;margin:0 auto;padding:40px}.resume-capture .shell{max-width:100%;padding-left:0;padding-right:0}.resume-capture .author-hero{grid-template-columns:auto 1fr;align-items:center;gap:20px;padding-bottom:16px}.resume-capture .resume-hero{grid-template-columns:1fr;gap:0}.resume-capture .avatar-lg{width:72px;height:72px;font-size:24px}.resume-capture .avatar-lg:after{display:none}.resume-capture .author-name{margin:0 0 4px;font-size:28px}.resume-capture .author-role{margin-bottom:8px;font-size:11px}.resume-capture .author-bio{max-width:100%;margin:0 0 10px;font-size:12px;line-height:1.5}.resume-capture .author-links{gap:6px}.resume-capture .chip{padding:4px 10px;font-size:11px}.resume-capture .stats-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.resume-capture .stat{padding:10px 12px}.resume-capture .stat-value{font-size:24px;line-height:1.1}.resume-capture .stat-label{margin-top:3px;font-size:10px}.resume-capture .section-title{margin-top:18px;margin-bottom:10px;font-size:18px}.resume-capture .section-title .count{font-size:11px}.resume-capture .gh-chart{padding:12px}.resume-capture .gh-chart-meta{margin-bottom:8px;font-size:11px}.resume-capture .gh-chart-scroll{overflow:hidden}.resume-capture .gh-chart-svg{width:100%;height:auto}.resume-capture .gh-chart-legend{margin-top:8px;font-size:10px}.resume-capture .timeline-item{padding:8px 0}.resume-capture .timeline-role{margin:0 0 2px;font-size:14px}.resume-capture .timeline-company{margin-bottom:4px;font-size:12px}.resume-capture .timeline-when,.resume-capture .timeline-where{margin-left:8px;font-size:11px}.resume-capture .timeline-when:before,.resume-capture .timeline-where:before{margin-right:8px}.resume-capture .timeline-desc{margin:0;font-size:11px;line-height:1.45}.resume-capture .timeline-section-redacted .timeline-redacted-mark{padding:4px 8px;font-size:9px}@media (max-width:880px){.resume-page{overflow-x:auto}}.resume-print{font-family:var(--xui-font-mono);letter-spacing:.04em;text-transform:uppercase;background:var(--xui-bg-brand);color:var(--xui-bg-brand-sub);border-radius:var(--xui-radius-button);cursor:pointer;border:0;padding:10px 16px;font-size:13px;font-weight:600}.resume-print:hover{background:var(--xui-brand-cyan-100)}.resume-print[disabled]{opacity:.6;cursor:default}.resume-print-light{background:var(--xui-bg-float);color:var(--xui-fg-primary);border:1px solid var(--xui-border-secondary)}.resume-print-light:hover{background:var(--xui-bg-secondary);border-color:var(--xui-border-primary)}.resume-toolbar{gap:10px}.resume-error{margin:var(--xui-space-m) auto;max-width:816px;font-family:var(--xui-font-mono);color:var(--xui-fg-alert);border:1px solid var(--xui-border-alert);border-radius:var(--xui-radius-card);background:var(--xui-bg-alert-sub);padding:10px 16px;font-size:12px}@media print{@page{size:Letter;margin:0}html,body{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:var(--xui-bg-primary)!important;color:var(--xui-fg-primary)!important;margin:0!important;padding:0!important}*,:before,:after{-webkit-print-color-adjust:exact;print-color-adjust:exact}.nav,.resume-toolbar,.resume-error{display:none!important}.resume-page{padding:0!important}.resume-capture{width:100%!important;max-width:none!important;margin:0!important;padding:40px!important}a{text-decoration:none;color:var(--xui-fg-primary)!important}.timeline-item,.gh-chart,.chip{break-inside:avoid;page-break-inside:avoid}.author-bio a[href^=http]:after,.timeline-desc a[href^=http]:after{content:" (" attr(href) ")";color:var(--xui-fg-tertiary);font-size:.85em}}.landing{--xui-fg-secondary:#ffffffb8;--xui-border-secondary:#ffffff29;--xui-border-brand:#55dcf6;--xui-fg-brand:#55dcf6;--xui-bg-brand-sub:#0b3841;--xui-bg-primary:#0b1416;--landing-statue-left:clamp(-10vw, calc(71.6vw - 701.76px), -1.5vw);--landing-statue-height:min(90vh, 1000px);--landing-statue-width:min(45vh, 500px);--landing-monolith-frame:5vh;--landing-monolith-left-bleed:220px;--landing-side-scene-opacity:clamp(0, calc((100vw - 860px) / 270px), 1);--landing-planet-left:400px;--landing-planet-top:95px;--landing-planet-width:192px;--landing-content-width:min(520px, calc(100vw - 48px), max(48vw, calc(15.1vw + 283px)));--landing-content-left:max(24px, calc(77.2vw - 276px), calc(100vw - clamp(24px, 7vw, 110px) - var(--landing-content-width)));isolation:isolate;background:#06080a;min-height:100vh;margin-top:-64px;position:relative;overflow:hidden}.landing-stars{z-index:0;pointer-events:none;opacity:.6;background-image:radial-gradient(1.4px 1.4px at 20% 30%,#ffffffe6,#0000),radial-gradient(1.2px 1.2px at 75% 18%,#ffffffb3,#0000),radial-gradient(1px 1px at 40% 70%,#fff9,#0000),radial-gradient(1.6px 1.6px at 88% 60%,#fffc,#0000),radial-gradient(1px 1px at 12% 80%,#ffffff80,#0000),radial-gradient(1.2px 1.2px at 60% 42%,#fff9,#0000);background-size:340px 340px,280px 280px,220px 220px,400px 400px,300px 300px,260px 260px;position:absolute;inset:0}.landing-stars:before{content:"";background-image:radial-gradient(1.5px 1.5px at 18% 26%,#fffffff2,#0000),radial-gradient(1px 1px at 67% 22%,#ffffffd9,#0000),radial-gradient(1.2px 1.2px at 34% 76%,#fffc,#0000),radial-gradient(1.4px 1.4px at 92% 64%,#ffffffe6,#0000);background-size:520px 520px,430px 430px,610px 610px,470px 470px;animation:4.8s ease-in-out infinite lx-star-twinkle;position:absolute;inset:0}.landing-shooting-stars{z-index:0;pointer-events:none;isolation:isolate;position:absolute;inset:0;overflow:hidden}.shooting-star{width:var(--shoot-length);filter:drop-shadow(0 0 6px #55dcf66b);opacity:0;height:2px;transform:translate3d(var(--shoot-from-x), var(--shoot-from-y), 0) rotate(var(--shoot-angle));transform-origin:100%;animation:lx-shooting-star var(--shoot-duration) linear forwards;will-change:transform, opacity;background:linear-gradient(90deg,#0000 0%,#80eaff14 22%,#80eaffb8 58%,#cef65538 82%,#0000 100%);border-radius:999px;position:absolute;top:0;left:0}.landing-planet{z-index:0;left:var(--landing-planet-left);top:var(--landing-planet-top);width:var(--landing-planet-width);aspect-ratio:704/767;pointer-events:none;opacity:calc(var(--landing-side-scene-opacity) * .38);filter:drop-shadow(0 0 34px #55dcf61f)saturate(.82)hue-rotate(18deg);position:absolute}.landing-planet svg{width:100%;height:100%;display:block}.landing-monolith{z-index:1;top:9.5vh;left:calc(var(--landing-statue-left) - var(--landing-monolith-left-bleed));width:calc(var(--landing-statue-width) + var(--landing-monolith-frame) + var(--landing-monolith-left-bleed));pointer-events:none;height:100vh;opacity:var(--landing-side-scene-opacity);position:absolute}.monolith-canvas{width:100%;height:100%;display:block}.landing-content{z-index:6;top:50%;left:var(--landing-content-left);width:var(--landing-content-width);text-align:left;flex-direction:column;align-items:flex-start;gap:18px;transition:left .18s,width .18s;display:flex;position:absolute;transform:translateY(-50%)}.landing-eyebrow{font-family:var(--xui-font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--xui-fg-brand);align-items:center;gap:10px;font-size:12px;display:inline-flex}.landing-eyebrow:before,.landing-eyebrow:after{content:"";background:color-mix(in srgb, var(--xui-fg-brand) 60%, transparent);width:22px;height:1px}.landing-title{font-family:var(--xui-font-display);letter-spacing:-.02em;background:linear-gradient(#fff 0%,#c7ccd6 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(34px,5vw,60px);font-weight:700;line-height:1.04}.landing-statue{z-index:2;left:var(--landing-statue-left);height:var(--landing-statue-height);pointer-events:none;align-items:flex-end;transition:left .18s,height .18s,opacity .18s;display:flex;position:absolute;bottom:0}.landing-statue img,.landing-statue .statue-svg{object-fit:contain;object-position:left bottom;filter:drop-shadow(0 6px 50px #0000008c);width:auto;height:100%}.landing-smoke{z-index:3;pointer-events:none;position:absolute;inset:0;-webkit-mask-image:radial-gradient(112% 134% at 8% 116%,#000 0% 22%,#00000080 46%,#00000042 68%,#00000017 86%,#0000 100%);mask-image:radial-gradient(112% 134% at 8% 116%,#000 0% 22%,#00000080 46%,#00000042 68%,#00000017 86%,#0000 100%)}.smoke-glow{background:radial-gradient(ellipse 44% 58% at 14% 100%, color-mix(in srgb, var(--xui-brand-cyan-60) 34%, transparent), transparent 70%);filter:blur(26px);mix-blend-mode:screen;position:absolute;inset:0}.cloud{pointer-events:none;mix-blend-mode:screen;will-change:transform;width:auto;animation:cloud-float var(--dur,12s) ease-in-out infinite;position:absolute}@keyframes cloud-float{0%,to{transform:translateY(0)}50%{transform:translateY(calc(-1 * var(--float-range,18px)))}}.cloud-1{opacity:1;--float-range:16px;--dur:11s;height:77vh;bottom:-11%;left:-12%}.cloud-4{opacity:.9;--float-range:22px;--dur:13s;height:57vh;animation-delay:-5s;bottom:-6%;left:-8%}.cloud-2{opacity:.8;--float-range:27px;--dur:14s;height:49vh;animation-delay:-3s;bottom:-4%;left:15%}.cloud-3{opacity:.55;--float-range:21px;--dur:17s;height:59vh;animation-delay:-8s;bottom:-8%;left:35%}.cloud-5{opacity:.72;--float-range:9px;--dur:15s;height:85vh;animation-delay:-2s;bottom:-46%;left:-8%}.cloud-6{opacity:.5;--float-range:12px;--dur:19s;height:82vh;animation-delay:-9s;bottom:-42%;left:16%}.cloud-7{opacity:.72;--float-range:10px;--dur:16s;height:54vh;animation-delay:-3s;bottom:-38%;left:-32%}.cloud-8{opacity:.62;--float-range:15px;--dur:13s;height:60vh;animation-delay:-7s;bottom:-18%;left:-26%}.cloud-9{opacity:.62;--float-range:14px;--dur:18s;height:66vh;animation-delay:-4s;bottom:18%;left:-26%}.landing-tagline{color:var(--xui-fg-secondary);text-wrap:pretty;max-width:46ch;margin:0;font-size:16px;line-height:1.6}.landing-cta{flex-wrap:wrap;justify-content:flex-start;gap:12px;display:flex}.landing-btn{font-family:var(--xui-font-mono);letter-spacing:.03em;border-radius:var(--xui-radius-button);border:1px solid var(--xui-border-secondary);color:var(--xui-fg-secondary);background:color-mix(in srgb, var(--xui-bg-primary) 35%, transparent);-webkit-backdrop-filter:blur(4px);padding:10px 18px;font-size:13px;transition:color .14s,border-color .14s,background .14s}.landing-btn:hover{color:var(--xui-fg-primary);border-color:var(--xui-border-brand)}.landing-btn-primary{background:var(--xui-bg-brand);color:var(--xui-bg-brand-sub);border-color:#0000;font-weight:600}.landing-btn-primary:hover{background:var(--xui-brand-cyan-100);color:var(--xui-bg-brand-sub)}.landing-scan{z-index:5;pointer-events:none;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 2px,linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f) 0 0/3px 100%;position:absolute;inset:0}.landing-scan:after{content:"";opacity:0;background:#1210100d;animation:.32s infinite lx-crt-flicker;position:absolute;inset:0}@keyframes lx-crt-flicker{0%{opacity:.55}20%{opacity:.62}40%{opacity:.48}60%{opacity:.66}80%{opacity:.5}to{opacity:.58}}@media (prefers-reduced-motion:reduce){.landing-scan:after{opacity:0;animation:none}}@keyframes lx-star-twinkle{0%,to{opacity:.18}35%{opacity:.95}70%{opacity:.32}}@keyframes lx-shooting-star{0%{opacity:0;transform:translate3d(var(--shoot-from-x), var(--shoot-from-y), 0) rotate(var(--shoot-angle))}12%,78%{opacity:.72}to{opacity:0;transform:translate3d(var(--shoot-to-x), var(--shoot-to-y), 0) rotate(var(--shoot-angle))}}@keyframes lx-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:860px){.landing-statue{opacity:.32}}@media (prefers-reduced-motion:reduce){.landing-stars,.landing-stars:before,.shooting-star,.landing-statue,.cloud{animation:none!important}}
