/* SPDX-License-Identifier: Apache-2.0 */
@font-face {
  font-family:"Instrument Sans";
  src:url("/liliuxflow-welcome/fonts/InstrumentSans-latin-variable.woff2") format("woff2");
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
}
:root {
  --technical-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  --font:"Instrument Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
}
:root:lang(zh-Hant) { --font:"Instrument Sans","PingFang TC","Noto Sans TC","Noto Sans CJK TC",system-ui,sans-serif; }
:root:lang(zh-Hans) { --font:"Instrument Sans","PingFang SC","Noto Sans SC","Noto Sans CJK SC",system-ui,sans-serif; }
:root:lang(ja) { --font:"Instrument Sans","Hiragino Sans","Noto Sans JP",system-ui,sans-serif; }
.topology,.pipeline,.card-heading .tiny-label,.microvisual { font-family:var(--technical-font); }
.spec-tags b,.memory-visual .memory-pool { font-family:var(--technical-font); }
/* Retain the measured baseline text space after the font swap. */
:root:lang(zh-Hans) .hero-description { min-block-size:3.5em; }
:root:lang(en) .feature h3 { line-height:22.5px; }
:root:lang(en) .kicker { line-height:12px; }
.footer-brand { line-height:14px; }
@media (max-width:600px) {
  :root:lang(en) .feature:nth-child(4) p { min-block-size:5.4em; }
  :root:lang(en) .code-caption { min-block-size:3.2em; }
}
#hero-title { font-weight:680; letter-spacing:-.045em; }
.hero-tagline { font-weight:500; }
/* Inline positioning preserves the existing line breaks in every locale. */
.hero-tagline-phrase,.hero-tagline-phrase-inner { display:inline; }
.hero-tagline-phrase-inner { position:relative; }
.bento,.hero-actions { perspective:1000px; }
@media (hover:hover) and (pointer:fine) and (min-width:601px) and (prefers-reduced-motion:no-preference) {
  .polish-tilt { transition:rotate .16s cubic-bezier(.22,1,.36,1); }
  .polish-tilt { position:relative; }
  .polish-tilt::after { content:""; position:absolute; inset:0; padding:1px; border-radius:inherit; pointer-events:none; opacity:0; background:radial-gradient(circle 180px at var(--polish-pointer-x,50%) var(--polish-pointer-y,50%),var(--palette-bright-orange),transparent 75%); -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); -webkit-mask-composite:xor; mask-composite:exclude; transition:opacity .3s; }
  body:not(.motion-disabled) .polish-tilt.polish-pointer-active::after { opacity:.08; }
  .nav-cta.polish-tilt { transform:perspective(1000px); }
  .button.polish-tilt { transition:background .2s,transform .2s,rotate .16s cubic-bezier(.22,1,.36,1); }
  .polish-tilt.polish-pointer-resting { transition-duration:.3s; }
}
body.motion-disabled .polish-tilt { rotate:0deg!important; }
body.motion-disabled .polish-tilt::after { opacity:0; transition:none; }
@media (prefers-reduced-motion:reduce),(hover:none),(pointer:coarse),(max-width:600px) {
  .polish-tilt { rotate:0deg!important; }
}
/* Registered existing gradient colors interpolate only during a theme change. */
@property --palette-feature-top { syntax:"<color>"; inherits:true; initial-value:#FFFFFF; }
@property --palette-feature-bottom { syntax:"<color>"; inherits:true; initial-value:#FFFCF7; }
@property --palette-topology-top { syntax:"<color>"; inherits:true; initial-value:#FFFFFFF2; }
@property --palette-topology-bottom { syntax:"<color>"; inherits:true; initial-value:#FFFDF9F2; }
@property --palette-hero-peach { syntax:"<color>"; inherits:true; initial-value:#FFE8D08C; }
@property --palette-hero-orange { syntax:"<color>"; inherits:true; initial-value:#F6821F20; }
.theme-icon { transform-origin:center; }
:root.theme-transition { transition:--palette-feature-top .24s ease,--palette-feature-bottom .24s ease,--palette-topology-top .24s ease,--palette-topology-bottom .24s ease,--palette-hero-peach .24s ease,--palette-hero-orange .24s ease; }
.theme-transition body,.theme-transition :is(.nav,.nav-links,.brand,.section-nav,.github,.theme-toggle,.language-toggle,.language-menu,.language-menu button,.hero-tagline,.hero-description,.hero-specs,.topology,.topology-node,.topology-node>span,.control-hub,.hub-description,.topology figcaption,.tiny-label,.diagram-label,.return-label,.trace-mark,.kicker,.pipeline li,.pipeline p,.step-number,.feature p,.card-index,.spec-tags>span,.key-visual,.key-visual>div>span,.key-visual code,.key-shield,.stream-visual,.stream-label,.stream-note,.memory-visual>span,.memory-link,.memory-pool,.sdk-visual>span,.sdk-visual>div,.native-visual>span,.native-visual i,.api,.api-copy>p,.text-link,.api-endpoints code,.api-endpoints code span,.terminal,.terminal-bar,.code-tabs button,.copy,.terminal-foot,.terminal-foot-tag,.code-caption,.request-trace>span,.request-trace code,.footer,.footer-brand,.footer-brand span,.footer-top,.toast,.motion-toggle) { transition:color .24s ease,background-color .24s ease,border-color .24s ease,box-shadow .24s ease; }
.theme-transition :is(.brand svg,.control-hub svg,.node-icon,.theme-icon) { transition:color .24s ease,fill .24s ease; }
.theme-transition :is(.feature,.button,.nav-cta) { transition:color .24s ease,background-color .24s ease,border-color .24s ease,box-shadow .24s ease,transform .2s,rotate .16s cubic-bezier(.22,1,.36,1); }
.theme-transition .polish-tilt.polish-pointer-resting { transition-duration:.24s,.24s,.24s,.24s,.2s,.3s; }
.theme-transition .toast { transition:color .24s ease,background-color .24s ease,border-color .24s ease,box-shadow .24s ease,opacity .2s,transform .2s; }
/* One corner token for rectangular surfaces; the motion player stays circular. */
:root { --welcome-radius:12px; }
.skip,.private,.language-toggle,.language-menu,.language-menu button,.nav-cta,.button,.topology,.control-hub,.topology-node,.node-icon,.feature,.model-stack span,.spec-tags>span,.key-visual,.stream-visual,.memory-visual>span,.sdk-visual>span,.native-visual>span,.terminal,.code-tabs button,.copy,.toast,.theme-toggle { border-radius:var(--welcome-radius); }
.copy { --welcome-copy-success:#137D45; transition:color .18s ease,border-color .18s ease,background-color .18s ease; }
:root[data-theme="dark"] .copy { --welcome-copy-success:#55D997; }
.terminal .copy { --welcome-copy-success:#55D997; }
.copy .copy-icons { display:inline-grid; place-items:center; flex-shrink:0; width:12px; height:12px; }
.copy .copy-icons>svg { grid-area:1/1; transition:opacity .18s ease,transform .18s ease; }
.copy-icon-check { opacity:0; transform:scale(.85); }
.copy.copy-succeeded { color:var(--welcome-copy-success); border-color:var(--welcome-copy-success); background-color:color-mix(in srgb,var(--welcome-copy-success) 8%,transparent); }
.copy.copy-succeeded .copy-icon-default { opacity:0; transform:scale(.85); }
.copy.copy-succeeded .copy-icon-check { opacity:1; transform:scale(1); }
body.motion-disabled .copy,body.motion-disabled .copy .copy-icons>svg { transition:none!important; }
@media (max-width:600px) { .copy .copy-icons { width:11px; height:11px; } }
.language-menu.language-closing { pointer-events:none; }
.topology-node::after { display:none; }
/* Original cached vector folds inspired by fluid gradient materials; no component code. */
.hero.backdrop-enabled::before { opacity:.18; }
.hero.backdrop-enabled::after { background:none; }
.welcome-backdrop {
  position:absolute; inset:0; z-index:0; pointer-events:none; overflow:hidden;
  -webkit-mask-image:linear-gradient(to bottom,transparent,black 15%,black 79%,transparent 96%);
  mask-image:linear-gradient(to bottom,transparent,black 15%,black 79%,transparent 96%);
  --backdrop-a-low:.26; --backdrop-a-high:.34; --backdrop-b-low:.10; --backdrop-b-high:.16;
  --backdrop-fold-a:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22384%22%20viewBox%3D%220%200%20512%20384%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22base%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23191817%22%2F%3E%3Cstop%20offset%3D%22.48%22%20stop-color%3D%22%23342B26%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23191817%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22fold%22%20x1%3D%220%22%20y1%3D%221%22%20x2%3D%221%22%20y2%3D%220%22%3E%3Cstop%20stop-color%3D%22%23191817%22%2F%3E%3Cstop%20offset%3D%22.25%22%20stop-color%3D%22%237F5034%22%2F%3E%3Cstop%20offset%3D%22.48%22%20stop-color%3D%22%23AE7954%22%2F%3E%3Cstop%20offset%3D%22.64%22%20stop-color%3D%22%23342B26%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23191817%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22edge%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23342B26%22%20stop-opacity%3D%22.1%22%2F%3E%3Cstop%20offset%3D%22.46%22%20stop-color%3D%22%23AE7954%22%2F%3E%3Cstop%20offset%3D%22.62%22%20stop-color%3D%22%237F5034%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23191817%22%20stop-opacity%3D%22.1%22%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D%22flow%22%20x%3D%22-20%25%22%20y%3D%22-20%25%22%20width%3D%22140%25%22%20height%3D%22140%25%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.011%20.017%22%20numOctaves%3D%222%22%20seed%3D%225%22%20result%3D%22warp%22%2F%3E%3CfeDisplacementMap%20in%3D%22SourceGraphic%22%20in2%3D%22warp%22%20scale%3D%2218%22%20xChannelSelector%3D%22R%22%20yChannelSelector%3D%22G%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%225%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Crect%20width%3D%22512%22%20height%3D%22384%22%20fill%3D%22url%28%23base%29%22%2F%3E%3Cg%20filter%3D%22url%28%23flow%29%22%3E%3Cpath%20d%3D%22M-107-87C32%20171%20226-83%20369%2042S342%20269%20589%20347L638%20457C304%20328%20438%20162%20290%20118S41%20239-109%2035Z%22%20fill%3D%22url%28%23fold%29%22%20opacity%3D%22.94%22%2F%3E%3Cpath%20d%3D%22M-84%20309C75%2081%20172%20389%20294%20221S514%207%20645%20175L643%20231C473%2086%20428%20229%20305%20301S87%20198-85%20423Z%22%20fill%3D%22url%28%23fold%29%22%20opacity%3D%22.8%22%2F%3E%3Cpath%20d%3D%22M-83%20345C50%2095%20181%20350%20310%20182S480%2027%20608%20101L614%20119C472%2061%20434%20173%20310%20233S49%20144-67%20359Z%22%20fill%3D%22url%28%23edge%29%22%20opacity%3D%22.85%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  --backdrop-fold-b:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22384%22%20viewBox%3D%220%200%20512%20384%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22base%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23191817%22%2F%3E%3Cstop%20offset%3D%22.48%22%20stop-color%3D%22%23342B26%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23191817%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22fold%22%20x1%3D%220%22%20y1%3D%221%22%20x2%3D%221%22%20y2%3D%220%22%3E%3Cstop%20stop-color%3D%22%23191817%22%2F%3E%3Cstop%20offset%3D%22.25%22%20stop-color%3D%22%237F5034%22%2F%3E%3Cstop%20offset%3D%22.48%22%20stop-color%3D%22%23AE7954%22%2F%3E%3Cstop%20offset%3D%22.64%22%20stop-color%3D%22%23342B26%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23191817%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22edge%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23342B26%22%20stop-opacity%3D%22.1%22%2F%3E%3Cstop%20offset%3D%22.46%22%20stop-color%3D%22%23AE7954%22%2F%3E%3Cstop%20offset%3D%22.62%22%20stop-color%3D%22%237F5034%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23191817%22%20stop-opacity%3D%22.1%22%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D%22flow%22%20x%3D%22-20%25%22%20y%3D%22-20%25%22%20width%3D%22140%25%22%20height%3D%22140%25%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.011%20.017%22%20numOctaves%3D%222%22%20seed%3D%229%22%20result%3D%22warp%22%2F%3E%3CfeDisplacementMap%20in%3D%22SourceGraphic%22%20in2%3D%22warp%22%20scale%3D%2218%22%20xChannelSelector%3D%22R%22%20yChannelSelector%3D%22G%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%225%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20filter%3D%22url%28%23flow%29%22%3E%3Cpath%20d%3D%22M-90%20326C45%20178%20134%20350%20248%20194S416%206%20620%2068L623%20163C426%2065%20375%20218%20268%20285S51%20227-65%20426Z%22%20fill%3D%22url%28%23fold%29%22%20opacity%3D%22.85%22%2F%3E%3Cpath%20d%3D%22M-70%2072C61%20233%20208%2020%20322%2096S466%20289%20596%20231L603%20266C442%20324%20430%20175%20317%20144S87%20282-69%20119Z%22%20fill%3D%22url%28%23edge%29%22%20opacity%3D%22.78%22%2F%3E%3Cpath%20d%3D%22M193-75C101%2086%20399%2061%20325%20209S416%20404%20534%20479L579%20428C425%20377%20295%20347%20367%20209S218%2026%20236-53Z%22%20fill%3D%22url%28%23fold%29%22%20opacity%3D%22.35%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.welcome-backdrop>span { position:absolute; inset:-12%; pointer-events:none; background-size:cover; background-position:center; background-repeat:no-repeat; }
.backdrop-fold-a { opacity:var(--backdrop-a-low); background-image:var(--backdrop-fold-a); animation:backdrop-copper 24s ease-in-out infinite; }
.backdrop-fold-b { opacity:var(--backdrop-b-low); background-image:var(--backdrop-fold-b); animation:backdrop-contour 32s ease-in-out infinite; }
:root[data-theme="light"] .welcome-backdrop {
  --backdrop-a-low:.44; --backdrop-a-high:.56; --backdrop-b-low:.16; --backdrop-b-high:.24;
  --backdrop-fold-a:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22384%22%20viewBox%3D%220%200%20512%20384%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22base%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23FFFDFA%22%2F%3E%3Cstop%20offset%3D%22.48%22%20stop-color%3D%22%23F7EEE5%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FFFDFA%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22fold%22%20x1%3D%220%22%20y1%3D%221%22%20x2%3D%221%22%20y2%3D%220%22%3E%3Cstop%20stop-color%3D%22%23FFFDFA%22%2F%3E%3Cstop%20offset%3D%22.25%22%20stop-color%3D%22%23D7AF89%22%2F%3E%3Cstop%20offset%3D%22.48%22%20stop-color%3D%22%23EFD5BD%22%2F%3E%3Cstop%20offset%3D%22.64%22%20stop-color%3D%22%23F7EEE5%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FFFDFA%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22edge%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23F7EEE5%22%20stop-opacity%3D%22.1%22%2F%3E%3Cstop%20offset%3D%22.46%22%20stop-color%3D%22%23EFD5BD%22%2F%3E%3Cstop%20offset%3D%22.62%22%20stop-color%3D%22%23D7AF89%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FFFDFA%22%20stop-opacity%3D%22.1%22%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D%22flow%22%20x%3D%22-20%25%22%20y%3D%22-20%25%22%20width%3D%22140%25%22%20height%3D%22140%25%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.011%20.017%22%20numOctaves%3D%222%22%20seed%3D%225%22%20result%3D%22warp%22%2F%3E%3CfeDisplacementMap%20in%3D%22SourceGraphic%22%20in2%3D%22warp%22%20scale%3D%2218%22%20xChannelSelector%3D%22R%22%20yChannelSelector%3D%22G%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%223.5%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Crect%20width%3D%22512%22%20height%3D%22384%22%20fill%3D%22url%28%23base%29%22%2F%3E%3Cg%20filter%3D%22url%28%23flow%29%22%3E%3Cpath%20d%3D%22M-107-87C32%20171%20226-83%20369%2042S342%20269%20589%20347L638%20457C304%20328%20438%20162%20290%20118S41%20239-109%2035Z%22%20fill%3D%22url%28%23fold%29%22%20opacity%3D%22.94%22%2F%3E%3Cpath%20d%3D%22M-84%20309C75%2081%20172%20389%20294%20221S514%207%20645%20175L643%20231C473%2086%20428%20229%20305%20301S87%20198-85%20423Z%22%20fill%3D%22url%28%23fold%29%22%20opacity%3D%22.8%22%2F%3E%3Cpath%20d%3D%22M-83%20345C50%2095%20181%20350%20310%20182S480%2027%20608%20101L614%20119C472%2061%20434%20173%20310%20233S49%20144-67%20359Z%22%20fill%3D%22url%28%23edge%29%22%20opacity%3D%22.85%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  --backdrop-fold-b:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22384%22%20viewBox%3D%220%200%20512%20384%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22base%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23FFFDFA%22%2F%3E%3Cstop%20offset%3D%22.48%22%20stop-color%3D%22%23F7EEE5%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FFFDFA%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22fold%22%20x1%3D%220%22%20y1%3D%221%22%20x2%3D%221%22%20y2%3D%220%22%3E%3Cstop%20stop-color%3D%22%23FFFDFA%22%2F%3E%3Cstop%20offset%3D%22.25%22%20stop-color%3D%22%23D7AF89%22%2F%3E%3Cstop%20offset%3D%22.48%22%20stop-color%3D%22%23EFD5BD%22%2F%3E%3Cstop%20offset%3D%22.64%22%20stop-color%3D%22%23F7EEE5%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FFFDFA%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22edge%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23F7EEE5%22%20stop-opacity%3D%22.1%22%2F%3E%3Cstop%20offset%3D%22.46%22%20stop-color%3D%22%23EFD5BD%22%2F%3E%3Cstop%20offset%3D%22.62%22%20stop-color%3D%22%23D7AF89%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FFFDFA%22%20stop-opacity%3D%22.1%22%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D%22flow%22%20x%3D%22-20%25%22%20y%3D%22-20%25%22%20width%3D%22140%25%22%20height%3D%22140%25%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.011%20.017%22%20numOctaves%3D%222%22%20seed%3D%229%22%20result%3D%22warp%22%2F%3E%3CfeDisplacementMap%20in%3D%22SourceGraphic%22%20in2%3D%22warp%22%20scale%3D%2218%22%20xChannelSelector%3D%22R%22%20yChannelSelector%3D%22G%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%223.5%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20filter%3D%22url%28%23flow%29%22%3E%3Cpath%20d%3D%22M-90%20326C45%20178%20134%20350%20248%20194S416%206%20620%2068L623%20163C426%2065%20375%20218%20268%20285S51%20227-65%20426Z%22%20fill%3D%22url%28%23fold%29%22%20opacity%3D%22.85%22%2F%3E%3Cpath%20d%3D%22M-70%2072C61%20233%20208%2020%20322%2096S466%20289%20596%20231L603%20266C442%20324%20430%20175%20317%20144S87%20282-69%20119Z%22%20fill%3D%22url%28%23edge%29%22%20opacity%3D%22.78%22%2F%3E%3Cpath%20d%3D%22M193-75C101%2086%20399%2061%20325%20209S416%20404%20534%20479L579%20428C425%20377%20295%20347%20367%20209S218%2026%20236-53Z%22%20fill%3D%22url%28%23fold%29%22%20opacity%3D%22.35%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.welcome-backdrop.backdrop-paused>span,body.motion-disabled .welcome-backdrop>span { animation-play-state:paused; }
@keyframes backdrop-copper { 0%,100% { transform:translate3d(-2%,-1%,0) scale(1.045) rotate(-1deg); opacity:var(--backdrop-a-low);  } 50% { transform:translate3d(2%,1%,0) scale(1.085) rotate(1deg); opacity:var(--backdrop-a-high); } }
@keyframes backdrop-contour { 0%,100% { transform:translate3d(2%,-2%,0) scale(1.09) rotate(2deg); opacity:var(--backdrop-b-low);  } 50% { transform:translate3d(-2%,2%,0) scale(1.045) rotate(-2deg); opacity:var(--backdrop-b-high); } }
@media (max-width:600px) { .welcome-backdrop>span { inset:-16%; }.backdrop-fold-a { animation-duration:28s; }.backdrop-fold-b { animation-duration:36s; } }
@media (prefers-reduced-motion:reduce) { .welcome-backdrop>span { animation:none!important; transform:none; }.backdrop-fold-a { opacity:var(--backdrop-a-low); }.backdrop-fold-b { opacity:var(--backdrop-b-low); } }
/* Viewport header glass: preserve the original content box and foreground. */
.nav { isolation:isolate; z-index:50; backdrop-filter:none; -webkit-backdrop-filter:none; }
.nav::before { content:""; position:absolute; top:0; bottom:0; left:50%; width:var(--nav-glass-width,100vw); transform:translateX(-50%); z-index:0; pointer-events:none; opacity:0; background:color-mix(in srgb,var(--bg) 55%,transparent); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); }
.nav.nav-scrolled::before { opacity:1; }
.nav>.brand,.nav>.nav-links { position:relative; z-index:1; }
.theme-transition .nav::before { transition:background-color .24s ease; }
body.motion-disabled .nav::before { transition:none; }
/* Light-only reading veil; the animated creases remain visible around it. */
:root[data-theme="light"] .welcome-backdrop::after { content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(ellipse 60% 40% at 50% 28%,#FFFFFF9E 0%,#FFFFFF85 24%,#FFFFFF4D 65%,transparent 100%); }
