:root { --dedicatedPlacard: #1a181b; --optimalgauge: #cda8c0; --steppedToken: #6c676c; --loadedHull: #ebe6ea; color-scheme: dark; --turboWire: #1a181b; --syncedHangar: #272428; --patched: #9c5d90 }
:root { --technicalfixture: 0 0 0 3px var(--optimalgauge); --regular: transparent; --crispCoil: 0 0 0 3px var(--optimalgauge); --enameled: inset 0 2px 4px color-mix(in srgb,var(--loadedHull) 10%,transparent); --mast: 0.75rem; --easedTimeline: 0 3px 8px color-mix(in srgb,var(--loadedHull) 10%,transparent); --compactFixture: color-mix(in srgb,var(--steppedToken) 20%,var(--dedicatedPlacard)); --textualBadge: 1.25rem; --macro: 800; --sharded: var(--loadedHull); --recessedglossary: 0 24px 52px color-mix(in srgb,var(--loadedHull) 36%,transparent); --reinforcedCartridge: var(--binarycell); --incremental: var(--optimalgauge); --printedkernel: linear-gradient(transparent,var(--loadedHull)); --gasket: var(--dedicatedPlacard); --hinge: var(--loadedHull); --lockup: 0.01em; --lookup: 0 8px 20px color-mix(in srgb,var(--loadedHull) 16%,transparent); --steppedWorkspace: var(--optimalgauge); --systemichandle: 1.25rem; --clip: 1.25rem; --dynamic: 1.06; --composite: 1.25rem; --blendedHousing: 700; --engravedparticle: var(--loadedHull); --stockedFixture: 0 20px 48px color-mix(in srgb,var(--loadedHull) 22%,transparent); --coverJig: var(--turboWire); --nestedtoken: -0.03em; --ruler: transparent; --formalPopover: cubic-bezier(0.2,0,0,1); --plain: 0; --laminated: var(--steppedToken); --projectedshard: 400; --pocketed: 3rem; --notice: 9999px; --talleasel: none; --cushion: var(--dedicatedPlacard); --spatialtoken: var(--syncedHangar); --interactiveAvatar: var(--steppedToken); --imprinted: none; --embossedchannel: var(--turboWire); --crispchannel: 0 2px 4px color-mix(in srgb,var(--loadedHull) 10%,transparent); --engravedJig: color-mix(in srgb,var(--loadedHull) 7%,transparent); --imprintedTimeline: 1.75rem; --vaulted: solid; --draft: var(--optimalgauge); --enhancedspacer: var(--dedicatedPlacard); --middle: 9999px; --imprintedjoist: var(--syncedHangar); --tallCameo: var(--dedicatedPlacard); --pulsedgateway: var(--dedicatedPlacard); --clustered: 64ch; --top: color-mix(in srgb,var(--loadedHull) 55%,transparent); --blendedhangar: 80ms; --tanned: var(--optimalgauge); --jacketed: color-mix(in srgb,var(--loadedHull) 56%,transparent); --encoded: 1; --harness: var(--loadedHull); --editedfooter: 600ms; --chartered: 0.48; --quantumFile: var(--turboWire); --boundedlouver: var(--dedicatedPlacard); --diffusedPad: 89rem; --rich: 1.65; --graftedbarrel: cubic-bezier(0.2,0,0,1); --kernedgauge: none; --functionalHull: var(--steppedToken); --leanLayer: 1.15; --desktoptrim: clamp(5rem,10vw,8.5rem); --pulsedplacard: var(--optimalgauge); --uniformHandle: 0 10px 22px color-mix(in srgb,var(--loadedHull) 16%,transparent); --moldeddock: clamp(1rem,4vw,2rem); --justifyeasel: scale(0.98); --printedSocket: var(--syncedHangar); --nestedMast: 0.75rem; --mergedapron: 200ms; --moldedToken: none; --paved: var(--loadedHull); --binarydock: 2rem; --desktopavatar: 16px; --editedAvatar: translateY(-2px); --binarycell: 1px }
@media(max-width:640px) {:root { --desktoptrim: calc((clamp(5rem,10vw,8.5rem)) * 0.7); --binarydock: calc((2rem) * 0.85); --composite: calc((1.25rem) * 0.85) }}
:root { --studded: #ffffff; --projectedsparkline: #9c5d90 }
:root { --pulsedplacard: transparent; --regular: var(--optimalgauge); --enhancedspacer: transparent; --reinforcedCartridge: calc(var(--binarycell) + 1px); --steppedWorkspace: color-mix(in srgb,var(--optimalgauge) 14%,transparent); --embossedchannel: var(--optimalgauge); --coverJig: var(--optimalgauge) }
.bonded .scalar { --steppedWorkspace: color-mix(in srgb,var(--optimalgauge) 14%,transparent); --embossedchannel: var(--optimalgauge) }
:root { --brightcell: 'Chivo',Arial,sans-serif; --chamberedSpacer: 'Inter',Arial,sans-serif }
:root { --diagonalArticle: 0.02em; --sandboxedDock: 'Cormorant Garamond',Garamond,Georgia,serif; --absolutesearch: 600 }
*::before,*::after,* { box-sizing: border-box }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; --popover: min(var(--diffusedPad),100rem); --shardedTimeline: min(var(--popover),48rem) }
body { margin: 0; background: var(--cushion); color: var(--loadedHull); font: 16px/var(--rich,1.6) var(--chamberedSpacer,Arial,Helvetica,sans-serif); font-weight: var(--projectedshard); overflow-wrap: break-word }
a[href^="mailto:"],code,a[href^="tel:"] { overflow-wrap: anywhere }
a { color: inherit }
button { font: inherit }
figure { margin: 0 }
img,svg { max-width: 100%; height: auto }
textarea,input:not([type="checkbox"]):not([type="radio"]) { appearance: none; -webkit-appearance: none }
h6,h1,h3,h2,h4,h5 { letter-spacing: var(--nestedtoken); font-weight: var(--macro); overflow-wrap: normal; font-family: var(--brightcell,inherit) }
.platedcrumb { margin-inline: auto; width: min(var(--popover),calc(100% - var(--moldeddock))) }
:is(.flatLedger,.steppedEasel)>.platedcrumb { width: min(var(--shardedTimeline),calc(100% - var(--moldeddock))) }
:is(.flatLedger,.steppedEasel)>.platedcrumb :is(.shaped,p) { max-width: none }
.enhancedshelf { scroll-margin-top: var(--node); padding: calc(var(--desktoptrim) + var(--cyberSearch,0rem)) 0 }
header.enhancedshelf,footer.enhancedshelf { padding: 0 }
.graphic { padding-block: 0; min-height: calc(100vh - var(--node)); min-height: calc(100svh - var(--node)); display: flex; flex-direction: column; --desktopHousing: calc(100vh - var(--node)) }
.graphic>* { flex: 1 0 auto; justify-content: center; flex-direction: column; display: flex }
.nestedcell { padding: calc(var(--desktoptrim) + var(--gridded,0rem)) 0; background: var(--boundedlouver); backdrop-filter: var(--imprinted); -webkit-backdrop-filter: var(--imprinted) }
.enhancedshelf>.nestedcell { margin-block: calc(-1 * (var(--desktoptrim) + var(--cyberSearch,0rem))) }
.enhancedshelf>:is(.streamed) { margin-block: calc(-1 * (var(--desktoptrim) + var(--cyberSearch,0rem))) }
header.enhancedshelf+.enhancedshelf:not(.graphic) { --tracker: 0.55; padding-top: calc((var(--desktoptrim) + var(--cyberSearch,0rem)) * var(--tracker)) }
header.enhancedshelf+.enhancedshelf:not(.graphic)>:is(.nestedcell,.streamed) { margin-top: calc(-1 * (var(--desktoptrim) + var(--cyberSearch,0rem)) * var(--tracker)) }
header.enhancedshelf+.enhancedshelf:not(.graphic)>:is(.nestedcell) { padding-top: calc((var(--desktoptrim) + var(--gridded,0rem)) * var(--tracker)) }
.interactiveSocket { font-family: var(--sandboxedDock,inherit); font-size: 1.25rem; text-decoration: none; font-weight: var(--absolutesearch,600); letter-spacing: var(--diagonalArticle,-0.02em) }
.jointWave { box-shadow: inset 0 -0.125rem 0 var(--patched); text-transform: var(--moldedToken); margin-bottom: 1rem; font-weight: 700; font-size: 0.875rem; color: var(--loadedHull); letter-spacing: 0.12em }
.coverChart { font-size: 1.25rem; margin-bottom: 2rem; line-height: var(--rich); max-width: var(--clustered); opacity: 0.8 }
.flex { letter-spacing: var(--nestedtoken); font-weight: var(--macro) }
.pulsedwrapper { max-width: var(--clustered) }
address { font-style: normal }
i,b,em { font-style: inherit; font-weight: inherit }
.scalar { display: inline-flex; align-items: center; justify-content: center; min-height: var(--pocketed); padding-block: 0.5rem; padding-inline: var(--clip); border: var(--reinforcedCartridge) var(--vaulted) var(--regular); border-radius: var(--mast); background: var(--pulsedplacard); color: var(--coverJig); text-decoration: none; font-weight: var(--blendedHousing); cursor: pointer; text-transform: var(--talleasel); letter-spacing: var(--lockup); box-shadow: var(--crispchannel); backdrop-filter: var(--imprinted); -webkit-backdrop-filter: var(--imprinted); transition: background var(--mergedapron) var(--formalPopover),color var(--mergedapron) var(--formalPopover),border-color var(--mergedapron) var(--formalPopover),box-shadow var(--mergedapron) var(--formalPopover),opacity var(--mergedapron) var(--formalPopover),transform var(--mergedapron) var(--formalPopover) }
.scalar:hover { opacity: var(--encoded); color: var(--embossedchannel); background: var(--steppedWorkspace); transform: var(--editedAvatar); box-shadow: var(--uniformHandle) }
.scalar:active { box-shadow: var(--enameled); transform: var(--justifyeasel) }
.barrel { border-color: var(--laminated); background: var(--enhancedspacer); box-shadow: none; color: var(--sharded) }
.barrel:hover { background: color-mix(in srgb,var(--optimalgauge) 10%,var(--enhancedspacer)); color: var(--sharded); box-shadow: none }
.flattenedPlugin { text-decoration: underline; border-color: transparent; text-underline-offset: 0.3em; box-shadow: none; background: var(--ruler); color: var(--sharded) }
.flattenedPlugin:hover { box-shadow: none; background: var(--ruler); color: var(--sharded) }
textarea,input { width: 100%; backdrop-filter: var(--imprinted); -webkit-backdrop-filter: var(--imprinted); min-height: var(--pocketed); padding: 0.75rem var(--clip); border: var(--binarycell) var(--vaulted) var(--jacketed); border-radius: var(--nestedMast); background: var(--engravedJig); color: var(--harness); font: inherit; transition: border-color var(--mergedapron) var(--formalPopover),box-shadow var(--mergedapron) var(--formalPopover),opacity var(--mergedapron) var(--formalPopover) }
textarea { min-height: 9rem; line-height: var(--rich); resize: vertical }
textarea:hover,input:hover { border-color: var(--paved) }
textarea:focus,input:not([type="checkbox"]):not([type="radio"]):focus { box-shadow: var(--technicalfixture); border-color: var(--optimalgauge) }
input:user-invalid,textarea:user-invalid { border-color: var(--tanned) }
input[type="checkbox"],input[type="radio"] { appearance: none; -webkit-appearance: none; display: inline-grid; place-content: center; width: auto; min-height: 0; inline-size: 1.125rem; block-size: 1.125rem; padding: 0; border: var(--binarycell) var(--vaulted) var(--paved); background: var(--engravedJig); cursor: pointer; transition: background var(--mergedapron) var(--formalPopover),border-color var(--mergedapron) var(--formalPopover) }
input[type="checkbox"] { border-radius: 0.25rem }
input[type="radio"] { border-radius: 50% }
input[type="checkbox"]::before,input[type="radio"]::before { block-size: 0.625rem; transition: transform var(--mergedapron) var(--formalPopover); inline-size: 0.625rem; content: ""; transform: scale(0); background: var(--turboWire) }
input[type="checkbox"]::before { clip-path: polygon(14% 44%,0 60%,40% 100%,100% 18%,84% 0,38% 68%) }
input[type="radio"]::before { border-radius: 50%; inline-size: 0.5rem; block-size: 0.5rem }
input[type="checkbox"]:hover,input[type="radio"]:hover { border-color: var(--optimalgauge) }
input[type="checkbox"]:checked,input[type="radio"]:checked { background: var(--optimalgauge); border-color: var(--optimalgauge) }
input[type="radio"]:checked::before,input[type="checkbox"]:checked::before { transform: scale(1) }
input[type="radio"]:focus-visible,input[type="checkbox"]:focus-visible { outline: 2px solid var(--optimalgauge); outline-offset: 2px; box-shadow: none }
input[type="month"],input[type="date"],input[type="week"],input[type="datetime-local"],input[type="time"] { block-size: calc(var(--rich,1.6) * 1em + 1.5rem + 2 * var(--binarycell)); padding-block: 0 }
::placeholder { color: var(--top); opacity: 1 }
details,.targetedMarquee { padding: var(--binarydock); background: var(--printedSocket); border: var(--plain) var(--vaulted) var(--laminated); border-radius: var(--textualBadge); box-shadow: var(--easedTimeline); backdrop-filter: var(--imprinted); -webkit-backdrop-filter: var(--imprinted) }
.projecteddock { grid-template-columns: repeat(2,minmax(0,1fr)) }
details:hover,.targetedMarquee:not(.reinforcedblade,.cybertoken,.arrayed):hover { box-shadow: var(--lookup) }
summary { list-style-position: inside; cursor: pointer }
summary::marker { color: var(--optimalgauge) }
.bonded .platedcrumb { width: min(calc(var(--popover) * 1.2),calc(100% - var(--moldeddock))) }
.bonded { position: fixed; top: 0; left: 0; right: 0; z-index: 30; background: var(--tallCameo); border-color: var(--interactiveAvatar); border-bottom-color: var(--compactFixture); color: var(--hinge); backdrop-filter: var(--imprinted); -webkit-backdrop-filter: var(--imprinted) }
.compactCell { color: var(--hinge); border-color: var(--interactiveAvatar) }
.interlockedCartridge a { padding: 0.25rem; text-decoration: none; position: relative; transition: background var(--mergedapron) var(--formalPopover),box-shadow var(--mergedapron) var(--formalPopover),color var(--mergedapron) var(--formalPopover); border-radius: var(--nestedMast); font-weight: 500 }
.numeric .interlockedCartridge a:hover { background: color-mix(in srgb,var(--hinge) 12%,transparent) }
.numeric .interlockedCartridge a[aria-current="page"] { background: var(--imprintedjoist) }
.bonded .interlockedCartridge a[aria-current="page"] { font-weight: 700; color: var(--incremental) }
.converged { border-radius: var(--nestedMast); color: inherit; background: transparent; border: var(--binarycell) var(--vaulted) var(--interactiveAvatar); transition: background var(--mergedapron) var(--formalPopover) }
.moldedconnector { text-transform: var(--moldedToken); background: var(--projectedsparkline); align-items: center; font-size: 0.8125rem; color: var(--studded); border: var(--binarycell) var(--vaulted) color-mix(in srgb,var(--studded) 22%,transparent); margin: 0; letter-spacing: var(--lockup); font-weight: var(--blendedHousing); gap: 0.5rem; border-radius: var(--notice); display: inline-flex; padding: 0.375rem var(--clip) }
.moldedconnector .tertiaryhost { color: var(--studded) }
.moldedconnector.pooled { border-radius: var(--middle) }
figure>img { filter: var(--kernedgauge); border: var(--binarycell) var(--vaulted) var(--functionalHull); border-radius: var(--systemichandle) }
button:focus,a:focus,summary:focus,input:not([type="checkbox"]):not([type="radio"]):focus,textarea:focus,.scalar:focus,select:focus { outline: 2px solid transparent; outline-offset: 2px }
a:focus-visible,.scalar:focus-visible,input:not([type="checkbox"]):not([type="radio"]):focus-visible,textarea:focus-visible,summary:focus-visible,button:focus-visible { outline-offset: 2px; box-shadow: var(--crispCoil); outline: 2px solid transparent }
.interlockedCartridge a:hover:focus-visible,.converged:hover:focus-visible,.interlockedCartridge a:focus-visible,.converged:focus-visible { box-shadow: var(--crispCoil); outline: 2px solid transparent; outline-offset: 2px }
.scalar:disabled,input:disabled,button:disabled,textarea:disabled,[aria-disabled="true"] { opacity: var(--chartered); cursor: not-allowed }
.tertiaryhost { flex-shrink: 0; width: 1.25rem; height: 1.25rem }
.cyberHelm { justify-content: center; align-items: center; flex: 0 0 auto; height: 3rem; display: inline-flex; width: 3rem; border-radius: var(--notice); border: var(--binarycell) var(--vaulted) var(--laminated); color: var(--patched) }
.cyberHelm .tertiaryhost { height: 1.5rem; width: 1.5rem }
.cyberHelm { background: color-mix(in srgb,var(--draft) 12%,var(--dedicatedPlacard)) }
.rapidScroller,.platedScroller { background: var(--dedicatedPlacard) }
.cyberHelm,.platedScroller { box-shadow: inset 0 0 0 var(--binarycell) var(--spatialtoken) }
.binaryCheckpoint { color: var(--patched) }
.diffusedAction { align-items: start; grid-template-columns: 1fr 1fr; gap: 4rem; display: grid }
.cyberglaze { position: sticky; top: calc(var(--node) + clamp(1.5rem,4vw,2.5rem)) }
.cyberglaze h2 { font-size: calc((1rem + (clamp(2.5rem,6vw,4rem) - 1rem) * var(--leanLayer)) * var(--dynamic)); margin: 0; line-height: 1.1 }
.shardedKit { flex-direction: column; display: flex }
.steppedEasel .coverChart { opacity: 0.8 }
.reinforcedjig .coverChart { margin-inline: auto }
.lacqueredpattern .interactiveSocket { font-size: 1.5rem; margin-bottom: 2rem }
.shaped { display: flex; max-width: 44rem; flex-direction: column; margin: 0 0 clamp(2rem,4vw,3.5rem); gap: 0.75rem }
.topplacard { align-items: center; margin-inline: auto; text-align: center }
.justifychannel { align-items: center; width: 100%; justify-content: center; box-shadow: none; display: flex; gap: 0.75rem }
.justifychannel::before,.justifychannel::after { background: var(--patched); flex: 0 0 auto; display: none; content: "" }
.flex { margin: 0; line-height: 1.1; font-size: calc((1rem + (clamp(1.875rem,4vw,3rem) - 1rem) * var(--leanLayer)) * var(--dynamic)) }
.jointWave { margin: 0; font-size: 0.8125rem }
.coverChart { opacity: 0.75; line-height: var(--rich); font-size: 1.125rem; margin: 0 }
.hookedtoken { align-items: center; display: flex; gap: 0.75rem; flex-wrap: wrap }
.auxiliary { border-block: var(--binarycell) var(--vaulted) var(--laminated) }
.flatKernel { --gridded: 0rem; --cyberSearch: 0rem }
.liquidLockup { --cyberSearch: -1rem; --gridded: -1.5rem }
.coaster { --gridded: 0.625rem; --cyberSearch: 0.5rem }
.graftedPad { --cyberSearch: 1rem; --gridded: 0.5rem }
@media(max-width:1024px) {.diffusedAction { gap: 2.5rem }}
@media(max-width:768px) {.projecteddock { grid-template-columns: 1fr }
.diffusedAction { gap: 3rem; grid-template-columns: 1fr }
.cyberglaze { margin-bottom: 2rem; position: static }}
@media(max-width:640px) {.flatKernel,.coaster,.liquidLockup,.graftedPad { --cyberSearch: 0rem; --gridded: 0rem }
.flex { font-size: calc((1rem + (clamp(1.75rem,7vw,2.25rem) - 1rem) * var(--leanLayer)) * var(--dynamic)) }
.coverChart { font-size: 1.0625rem }
.shaped { gap: 0.5rem; margin-bottom: clamp(1.5rem,6vw,2rem) }
.cyberglaze h2 { font-size: calc((1rem + (clamp(2rem,8vw,2.5rem) - 1rem) * var(--leanLayer)) * var(--dynamic)) }
.diffusedAction { gap: 2rem }
.cyberglaze { margin-bottom: 0 }
.hookedtoken { gap: 0.625rem; flex-direction: column; align-items: stretch; width: 100% }
.hookedtoken .scalar { width: 100% }
.cyberHelm { width: 2.75rem; height: 2.75rem }}
.hull { line-height: var(--rich); gap: 0.875rem; display: flex; align-items: flex-start; font-size: 1.0625rem }
.turboHanger { opacity: 0.85 }
.platedScroller { justify-content: center; border: var(--binarycell) var(--vaulted) currentColor; display: inline-flex; border-radius: 50%; align-items: center; width: 1.75rem; color: var(--patched); flex-shrink: 0; height: 1.75rem }
.platedScroller .tertiaryhost { width: 1rem; height: 1rem }
.engravedLockup { border-radius: 50%; height: 0.625rem; margin-top: calc((1.0625rem * var(--rich) - 0.625rem) / 2); width: 0.625rem; flex-shrink: 0; background: var(--patched) }
.flatbadge { gap: 1rem; list-style: none; display: flex; margin: 0; padding: 0; flex-direction: column }
.dividedJig .flatbadge { margin-inline: auto; max-width: 44rem }
.tallConnector .enclosedhanger { list-style: none; display: grid; padding: 0; margin: 0; gap: var(--composite); grid-template-columns: repeat(2,minmax(0,1fr)) }
.enclosedhanger .hull { padding-top: 1.25rem; border-top: var(--binarycell) var(--vaulted) color-mix(in srgb,var(--dedicatedPlacard) 24%,transparent) }
@media(max-width:768px) {.tallConnector .enclosedhanger { grid-template-columns: 1fr }}
.shell { justify-content: center; flex-shrink: 0; align-items: center; width: 2.25rem; box-sizing: border-box; display: inline-flex; height: 2.25rem }
.shell .interactivecarousel { width: 1.25rem; height: 1.25rem }
.functionalScreen { border: var(--binarycell) var(--vaulted) var(--patched); color: var(--patched) }
.functionalScreen { border-radius: var(--middle) }
.interactiveSocket { display: inline-flex; align-items: center; gap: 0.625rem }
.joiner { display: inline-block }
.backedspacer { position: relative }
.backedspacer [hidden] { display: none }
.hostedhanger { min-width: 0 }
.chamberedglossary { -webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory; display: flex; overflow-x: auto; scrollbar-width: none }
.chamberedglossary::-webkit-scrollbar { display: none }
.cyberService { scroll-snap-align: start; flex: 0 0 100%; min-width: 0 }
.backedspacer[data-chamberedcheckpoint] .hostedhanger { overflow: hidden }
.backedspacer[data-chamberedcheckpoint] .chamberedglossary { cursor: grab }
.backedspacer[data-formalbillboard] .chamberedglossary { cursor: grabbing }
.chamberedglossary a,.chamberedglossary summary,.chamberedglossary button { cursor: pointer }
.backedspacer[data-chamberedcheckpoint] .chamberedglossary { overflow: visible; scroll-snap-type: none }
.backedspacer[data-chamberedcheckpoint]:not([data-canvas]) .chamberedglossary { transition: transform calc(var(--mergedapron) * 3) var(--formalPopover); transform: translateX(calc(var(--platedGlyph) * -100%)) }
.backedspacer[data-chamberedcheckpoint][data-canvas] .chamberedglossary { display: grid }
.backedspacer[data-chamberedcheckpoint][data-canvas] .cyberService { pointer-events: none; opacity: 0; transition: opacity calc(var(--mergedapron) * 3) var(--formalPopover),transform calc(var(--mergedapron) * 3) var(--formalPopover); grid-area: 1/1 }
.backedspacer[data-chamberedcheckpoint][data-canvas] .cyberService[data-enclosedsparkline] { opacity: 1; pointer-events: auto }
.backedspacer[data-chamberedcheckpoint][data-formalbillboard] .chamberedglossary { transition: none }
.engravedhelm { gap: calc(var(--composite) * 0.5); display: flex }
.spatialGlossary,.tempered,.mid { display: inline-flex; height: 2.75rem; border-radius: var(--notice); justify-content: center; color: inherit; padding: 0; transition: transform var(--mergedapron) var(--formalPopover),border-color var(--mergedapron) var(--formalPopover),opacity var(--mergedapron) var(--formalPopover); border: var(--binarycell) var(--vaulted) var(--paved); cursor: pointer; box-shadow: var(--easedTimeline); background: var(--printedSocket); align-items: center; width: 2.75rem }
.spatialGlossary:hover { border-color: var(--optimalgauge); transform: var(--editedAvatar) }
.spatialGlossary:active { transform: var(--justifyeasel) }
.spatialGlossary[aria-disabled="true"] { opacity: var(--chartered); pointer-events: none; cursor: default }
.coverPlacard { width: 1.25rem; height: 1.25rem }
.spatialSearch { transform: scaleX(-1) }
.washed { margin: 0 0 1rem; align-items: center; font-weight: var(--absolutesearch,700); display: flex; font-family: var(--sandboxedDock,inherit); letter-spacing: var(--diagonalArticle,normal); gap: 0.75rem; font-size: 1.0625rem }
.compactWave { flex-direction: column; margin: 0; display: flex }
.item { gap: 0.5rem clamp(1rem,3vw,2rem); display: grid; align-items: start; grid-template-columns: minmax(9rem,0.5fr) 1.5fr; border-top: var(--binarycell) var(--vaulted) var(--laminated); padding: 0.875rem 0 }
.item:last-child { border-bottom: var(--binarycell) var(--vaulted) var(--laminated) }
.item dt { text-transform: uppercase; font-weight: 700; letter-spacing: 0.06em; font-size: 0.8125rem; opacity: 0.55 }
.item dd { opacity: 0.9; line-height: var(--rich); margin: 0 }
.item dd a { text-decoration: underline; text-underline-offset: 0.2em }
.enclosedTable { flex-direction: column; padding: 0; gap: 0.75rem; display: flex; list-style: none; margin: 1.25rem 0 0 }
.enclosedTable li { gap: 0.625rem; line-height: var(--rich); align-items: flex-start; display: flex }
.backedChannel { opacity: 0.85 }
.enclosedTable .tertiaryhost { color: var(--patched); width: 1.05rem; height: 1.05rem; flex-shrink: 0; margin-top: 0.2rem }
.dovetail { margin: 1.5rem 0 0; display: flex; font-size: 0.9375rem; gap: 0.5rem; align-items: center }
.flattenedGasket { opacity: 0.75 }
.dovetail .tertiaryhost { flex-shrink: 0; color: var(--patched); width: 1.05rem; height: 1.05rem }
.printedtip .shardedKit h3 { margin: 0; font-size: 1.125rem }
.printedtip .shardedKit h3 { margin-top: clamp(1.75rem,3vw,2.25rem) }
@media(max-width:768px) {.item { grid-template-columns: 1fr; gap: 0.25rem }}
.pleateddrum { position: relative }
.pleateddrum::before { position: absolute; background-image: linear-gradient(100deg,color-mix(in srgb,var(--dedicatedPlacard) 12%,transparent) 0%,transparent 52%); inset: 0; pointer-events: none; content: "" }
.pleateddrum>.platedcrumb { position: relative }
.steppedEasel .queuedLedger { overflow: hidden; position: relative; box-shadow: var(--recessedglossary); border-radius: var(--imprintedTimeline); padding: calc(var(--binarydock) * 1.75) }
.queuedLedger>.compactglaze { position: relative; z-index: 1 }
.queuedLedger .interlacedgauge { position: absolute; aspect-ratio: 1 }
.sandboxedlouver { top: -18%; inset-inline-start: -10% }
.backedSearch { width: min(26%,12rem) }
.interlacedgauge { border-radius: 50%; place-items: center; display: grid; overflow: hidden; pointer-events: none }
.locked .interlacedgauge { background-image: repeating-linear-gradient(0deg,color-mix(in srgb,var(--dedicatedPlacard) 7%,transparent) 0 1px,transparent 1px 2.25rem),repeating-linear-gradient(90deg,color-mix(in srgb,var(--dedicatedPlacard) 7%,transparent) 0 1px,transparent 1px 2.25rem),repeating-radial-gradient(circle at 50% 50%,transparent 0 1.6rem,color-mix(in srgb,var(--dedicatedPlacard) 15%,transparent) 1.6rem calc(1.6rem + 1px)) }
.kerned { height: 2.25rem; width: 2.25rem }
.compactglaze h2,.compactglaze h1 { line-height: 1.1; margin: 0 0 1rem; font-size: calc((1rem + (clamp(1.75rem,4vw,2.75rem) - 1rem) * var(--leanLayer)) * var(--dynamic)) }
.compactglaze .dedicatedGasket { margin: 1rem 0 1.5rem }
.reinforcedjig .liquidtoken { padding: calc(var(--binarydock) * 1.75); text-align: center }
.reinforcedjig { overflow: hidden; position: relative }
.article { z-index: 0; height: 100%; position: absolute; width: 100%; inset: 0; object-fit: cover }
.reinforcedjig::after { z-index: 0; inset: 0; pointer-events: none; position: absolute; content: ""; background: linear-gradient(180deg,color-mix(in srgb,var(--dedicatedPlacard) 62%,transparent) 0%,color-mix(in srgb,var(--dedicatedPlacard) 84%,transparent) 100%) }
.reinforcedjig>.platedcrumb { position: relative; z-index: 1 }
.liquidtoken { border: var(--binarycell) var(--vaulted) var(--laminated); background: radial-gradient(115% 105% at 88% -20%,color-mix(in srgb,var(--patched) 26%,transparent) 0%,transparent 62%),radial-gradient(95% 90% at -8% 112%,color-mix(in srgb,var(--patched) 14%,transparent) 0%,transparent 60%),var(--printedSocket); box-shadow: var(--easedTimeline); border-radius: var(--textualBadge) }
.liquidtoken h2,.liquidtoken h1 { line-height: 1.1; margin: 0 0 1rem; font-size: calc((1rem + (clamp(2rem,5vw,3.25rem) - 1rem) * var(--leanLayer)) * var(--dynamic)) }
.liquidtoken .coverChart { margin-inline: auto }
.liquidtoken .dedicatedGasket { align-items: center; margin: 1rem 0 1.5rem }
.liquidtoken .jointWave,.compactglaze .jointWave { margin: 0 0 0.75rem }
.pleateddrum .moldedPopover { align-items: center; border-top: var(--binarycell) var(--vaulted) var(--paved); padding: clamp(1.5rem,3vw,2rem) 0; justify-content: space-between; gap: clamp(1.5rem,3vw,2rem); flex-wrap: wrap; border-bottom: var(--binarycell) var(--vaulted) var(--paved); display: flex }
.framedbadge h1,.framedbadge h2 { line-height: 1.1; margin: 0 0 0.75rem; font-size: calc((1rem + (clamp(1.5rem,3.5vw,2.25rem) - 1rem) * var(--leanLayer)) * var(--dynamic)) }
.framedbadge .dedicatedGasket { margin: 0 }
.dedicatedGasket { flex-direction: column; gap: 0.5rem; font-style: normal; display: flex }
.letteredBadge { min-width: 0; align-items: flex-start; gap: 0.5rem; display: inline-flex; line-height: var(--rich) }
.letteredBadge .binaryCheckpoint { margin-top: 0.125rem }
.dedicatedGasket a { text-underline-offset: 0.2em; text-decoration: underline }
.linkedfigure { flex-wrap: wrap; flex-direction: row; align-items: center; gap: 0.5rem 1.25rem }
.linkedfigure .letteredBadge+.letteredBadge { padding-inline-start: 1.25rem; border-inline-start: var(--binarycell) var(--vaulted) var(--paved) }
@media(max-width:768px) {.queuedLedger .interlacedgauge { display: none }
.queuedLedger,.steppedEasel .queuedLedger { padding: var(--binarydock) }
.liquidtoken,.reinforcedjig .liquidtoken { padding: var(--binarydock) }
.moldedPopover,.pleateddrum .moldedPopover { flex-direction: column; align-items: flex-start }}
@media(max-width:900px) {.linkedfigure { flex-direction: column; gap: 0.5rem; align-items: flex-start }
.linkedfigure .letteredBadge+.letteredBadge { padding-inline-start: 0; border-inline-start: 0 }}
@media(max-width:640px) {.liquidtoken h2,.liquidtoken h1 { font-size: calc((1rem + (clamp(1.75rem,7vw,2.25rem) - 1rem) * var(--leanLayer)) * var(--dynamic)) }}
.pulsedwrapper h1 { font-size: calc((1rem + (clamp(2.25rem,5vw,3.5rem) - 1rem) * var(--leanLayer)) * var(--dynamic)); line-height: 1.1; margin: 0 0 1.5rem }
.pulsedwrapper h2 { margin: 2.5rem 0 1rem; font-size: 1.5rem; line-height: 1.3 }
.pulsedwrapper h3 { margin: 2rem 0 0.75rem; font-size: 1.125rem; line-height: 1.4 }
.pulsedwrapper p { line-height: var(--rich); font-size: 1.0625rem; color: color-mix(in srgb,var(--loadedHull) 85%,transparent); margin: 0 0 1.25rem }
.pulsedwrapper p:last-child { margin-bottom: 0 }
.pulsedwrapper p.jointWave { font-size: 0.8125rem; color: var(--loadedHull); margin: 0 }
.pulsedwrapper ul { flex-direction: column; display: flex; margin: 0 0 1.25rem; padding-left: 1.25rem; gap: 0.5rem }
.pulsedwrapper li { font-size: 1.0625rem; color: color-mix(in srgb,var(--loadedHull) 85%,transparent); line-height: var(--rich) }
.pulsedwrapper a { text-decoration: underline; text-underline-offset: 0.2em; color: var(--optimalgauge) }
.pulsedwrapper strong { font-weight: 700 }
@media(max-width:640px) {.pulsedwrapper h1 { font-size: calc((1rem + (clamp(1.875rem,7vw,2.5rem) - 1rem) * var(--leanLayer)) * var(--dynamic)) }}
.wall { border-radius: 0 }
.platedhelm .interim { display: grid; border-radius: var(--imprintedTimeline); grid-template-columns: minmax(0,1fr) minmax(0,22rem); background: var(--gasket); gap: clamp(2rem,4vw,3.5rem); padding: calc(var(--binarydock) * 2.25); align-items: center; box-shadow: var(--easedTimeline); border: var(--binarycell) var(--vaulted) var(--laminated) }
.diagonalDock { flex-direction: column; display: flex; min-width: min(100%,20rem); gap: 0.75rem; justify-content: center }
.magnetichelm { gap: 0.5rem; display: flex; flex-wrap: wrap }
.coverWrapper { align-items: center; background: var(--printedSocket); padding: 0.375rem 0.875rem; font-size: 0.9375rem; line-height: 1.2; border: var(--binarycell) var(--vaulted) var(--laminated); border-radius: var(--middle); display: inline-flex }
.silentfixture { justify-content: center; width: 100%; gap: 0.5rem }
.silentfixture .tertiaryhost { height: 1.1rem; width: 1.1rem }
.derivedPad { font-size: 0.875rem; text-align: center; opacity: 0.7; margin: 0; line-height: 1.4 }
.cellularwrapper { max-width: 52ch }
.cellularwrapper h1,.cellularwrapper h2 { font-size: calc((1rem + (clamp(1.5rem,3.5vw,2.25rem) - 1rem) * var(--leanLayer)) * var(--dynamic)); line-height: 1.15; margin: 0 0 0.5rem }
.cellularwrapper .coverChart { margin: 0 }
.reinforcedblade { color: var(--turboWire); padding: calc(var(--binarydock) * 3.25) calc(var(--binarydock) * 2); overflow: hidden; background: var(--optimalgauge); border-color: transparent; position: relative; text-align: center }
.reinforcedblade>* { position: relative }
.mergedbarrel { width: 100%; position: absolute; height: 100%; inset: 0; pointer-events: none }
.reinforcedblade h1,.reinforcedblade h2 { line-height: 1.1; font-size: calc((1rem + (clamp(1.75rem,4.5vw,2.75rem) - 1rem) * var(--leanLayer)) * var(--dynamic)); margin: 0 0 1.25rem; text-wrap: balance }
.reinforcedblade .coverChart { max-width: 46ch; opacity: 0.84; margin: 0 auto clamp(1.75rem,3.5vw,2.5rem); color: var(--turboWire) }
.reinforcedblade .scalar { border-color: transparent; background: var(--turboWire); color: var(--optimalgauge) }
.reinforcedblade .scalar:hover { color: var(--optimalgauge); background: color-mix(in srgb,var(--turboWire) 88%,var(--optimalgauge)) }
.binaryrouter { gap: 0.5rem }
.binaryrouter .tertiaryhost { width: 1.1rem; height: 1.1rem }
.chamberedLadder .tertiaryhost { height: 1.5rem; width: 1.5rem }
.appliedBadge .lightbox { flex-wrap: wrap; display: flex; align-items: center; justify-content: space-between; border-bottom: var(--binarycell) var(--vaulted) var(--laminated); padding: clamp(2rem,4vw,3rem) 0; border-top: var(--binarycell) var(--vaulted) var(--laminated); gap: 1.5rem }
.lightbox h2,.lightbox h1 { line-height: 1.1; margin: 0; max-width: 20ch; text-wrap: balance; font-size: calc((1rem + (clamp(1.75rem,4vw,2.5rem) - 1rem) * var(--leanLayer)) * var(--dynamic)) }
.appliedBadge .chamberedLadder { gap: 0.625rem; color: var(--optimalgauge); font-size: calc(1rem * var(--dynamic) + 0.125rem); padding-inline: 0 }
.shipped { line-height: 1.4; margin: 0.875rem 0 0; font-size: 0.875rem; opacity: 0.7 }
@media(max-width:768px) {.platedhelm .interim { gap: 1.5rem; grid-template-columns: 1fr; justify-items: start }
.diagonalDock { padding-top: 1.5rem; border-top: var(--binarycell) var(--vaulted) var(--laminated); width: 100%; min-width: 0 }
.lightbox,.appliedBadge .lightbox { align-items: flex-start; flex-direction: column }}
@media(max-width:640px) {.platedhelm .interim { padding: calc(var(--binarydock) * 1.25) }}
.quantumGlyph { cursor: pointer; padding: 0; border-radius: var(--textualBadge); background: var(--printedSocket); border: var(--binarycell) var(--vaulted) var(--laminated) }
.quantumGlyph summary { gap: 1rem; display: flex; list-style: none; padding: clamp(1.25rem,2.5vw,1.5rem); line-height: var(--rich); font-size: 1.0625rem; cursor: pointer; font-weight: 700; justify-content: space-between; align-items: flex-start }
.quantumGlyph summary::-webkit-details-marker { display: none }
.quantumGlyph summary::after { flex-shrink: 0; font-weight: 400; line-height: 1.1; font-size: 1.5rem; transition: transform var(--mergedapron) var(--formalPopover),background-color var(--mergedapron) var(--formalPopover),border-color var(--mergedapron) var(--formalPopover),color var(--mergedapron) var(--formalPopover); content: "+"; color: var(--optimalgauge); margin-block-start: calc((1.0625rem * var(--rich) - 1.65rem) / 2) }
.quantumGlyph[open]:not([data-loadeddock]) summary::after { transform: rotate(45deg) }
.quantumGlyph p { margin: 0; max-width: 70ch; line-height: var(--rich); padding: 0 clamp(1.25rem,2.5vw,1.5rem) clamp(1.25rem,2.5vw,1.5rem); opacity: 0.75 }
.derivedBacker .quantumGlyph summary::after { font-size: 2.125rem; font-weight: 700; margin-block-start: calc((1.0625rem * var(--rich) - 2.3375rem) / 2); color: var(--loadedHull) }
.desktopcard { display: flex; flex-direction: column; gap: 1rem }
.leanCarousel .desktopcard { max-width: 48rem; margin-inline: auto }
.interactiveHangar { display: grid; gap: var(--composite); align-items: start }
.derivedBacker .quantumscroller { gap: clamp(2rem,4vw,3rem); grid-template-columns: 0.8fr 1.2fr; align-items: start; display: grid }
.shardedBadge { flex-direction: column; top: calc(var(--node) + clamp(1.5rem,4vw,2.5rem)); display: flex; position: sticky; gap: 1rem }
.shardedBadge .shaped { margin-bottom: 0 }
.moldedHanger { grid-template-columns: 1fr; gap: 1rem }
@media(max-width:768px) {.interactiveHangar { grid-template-columns: 1fr }
.derivedBacker .quantumscroller { grid-template-columns: 1fr; gap: 2rem }
.shardedBadge { position: static }}
@media(max-width:640px) {.derivedBacker .quantumscroller { gap: 1.5rem }
.quantumGlyph summary { font-size: 1rem; padding: 1rem 1.125rem }}
.enhancedCarousel { display: flex; transition: transform var(--mergedapron) var(--formalPopover),box-shadow var(--mergedapron) var(--formalPopover),border-color var(--mergedapron) var(--formalPopover); padding: var(--binarydock); gap: 0.875rem; flex-direction: column }
.enhancedCarousel:hover { transform: var(--editedAvatar); border-color: var(--paved); box-shadow: var(--lookup) }
.enhancedCarousel h3 { margin: 0; font-size: 1.25rem }
.enhancedCarousel p { line-height: var(--rich); opacity: 0.75; margin: 0 }
.hatchedWave .shaped { max-width: 40rem }
.spatialgateway { grid-template-columns: 1fr 1fr; display: grid }
.queuedfixture { gap: 2rem; padding: 0 2.5rem; flex-direction: column; display: flex }
.queuedfixture:first-child { border-inline-end: var(--binarycell) var(--vaulted) var(--laminated) }
.reinforcedcrumb { align-items: flex-start; display: flex; gap: 1.25rem }
.reinforcedcrumb h3 { margin: 0 0 0.5rem; font-size: 1.25rem }
.reinforcedcrumb p { line-height: var(--rich); margin: 0; opacity: 0.75 }
@media(max-width:768px) {.spatialgateway { gap: 1.5rem; grid-template-columns: 1fr }
.queuedfixture { padding: 0 }
.queuedfixture:first-child { border-inline-end: none }}
@media(max-width:640px) {.spatialgateway { gap: 1.25rem }}
.systemiccameo .appliedwave { --queuedJoist: 3.25 }
.provisionedLedger { margin-bottom: var(--composite); align-items: flex-end; justify-content: space-between; gap: var(--composite); display: flex }
.provisionedLedger .shaped { margin-bottom: 0 }
.containScroller { flex-shrink: 0 }
.containScroller .spatialGlossary { border-radius: 0 }
.systemiccameo .hostedhanger { margin-block: -2rem; padding-block: 2rem }
.curb { padding-right: var(--composite); flex-basis: calc(100% / var(--queuedJoist)) }
.curb .enhancedCarousel { height: 100% }
.systemiccameo .backedspacer[data-chamberedcheckpoint] .chamberedglossary { transform: translateX(calc(var(--platedGlyph) * -100% / var(--queuedJoist))) }
@media(max-width:1024px) {.systemiccameo .appliedwave { --queuedJoist: 2.2 }}
@media(max-width:640px) {.systemiccameo .appliedwave { --queuedJoist: 1.15 }
.provisionedLedger { align-items: flex-start; flex-direction: column }}
.lacqueredpattern { padding: calc(var(--desktoptrim) * 0.7) 0 calc(var(--desktoptrim) * 0.5); border-top: var(--binarycell) var(--vaulted) var(--laminated) }
.ultracarousel { border-top: var(--binarycell) var(--vaulted) var(--laminated); justify-content: space-between; display: flex; font-size: 0.875rem; padding-top: clamp(1.5rem,3vw,2rem); align-items: center; margin-top: clamp(2rem,4vw,3rem); gap: 1rem; flex-wrap: wrap }
.ultracarousel p { margin: 0; opacity: 0.65 }
.ultracarousel a { text-decoration: none }
.ultracarousel a:hover { text-decoration: underline }
.endorsed { align-items: center; margin-left: auto; display: flex; justify-content: flex-end; gap: 0.75rem 1.5rem; flex-wrap: wrap }
.formalcrumb { opacity: 0.55; font-size: 0.75rem; margin: 0 }
.formalcrumb a { text-decoration: none }
.private { align-items: flex-start }
.private .shell { margin-block-start: calc((1em * var(--rich) - 2.25rem) / 2) }
.enclosed { display: flex; font-style: normal; flex-direction: column; gap: 0.65rem }
.mixedCameo { gap: 0.5rem; text-decoration: none; min-width: 0; display: inline-flex; line-height: var(--rich); align-items: flex-start }
.assembled { opacity: 0.85 }
.mixedCameo .tertiaryhost { margin-block-start: calc((1rem * var(--rich) - 1.05rem) / 2) }
.mixedCameo .tertiaryhost { width: 1.05rem; height: 1.05rem }
a.mixedCameo:hover .assembled { opacity: 1 }
.lacqueredpattern { text-align: center }
.lacqueredpattern .interactiveSocket { margin-bottom: 1.5rem; display: inline-flex }
.async { gap: 1.75rem; font-weight: 500; flex-wrap: wrap; display: flex; justify-content: center; margin-bottom: 1.5rem }
.async a { text-decoration: none; transition: color var(--mergedapron) var(--formalPopover) }
.async a:hover { color: var(--optimalgauge) }
.lacqueredpattern .enclosed { align-items: center; margin-bottom: 2rem }
.collar { margin: 0 auto; height: 2px; width: 2.5rem; background: var(--patched) }
.lacqueredpattern .ultracarousel { padding-top: 0; border-top: none; flex-direction: column; gap: 0.5rem; justify-content: center; margin-top: 1.5rem }
.lacqueredpattern .endorsed { justify-content: center; margin-left: 0 }
a.packed { opacity: 1; text-decoration: underline; text-decoration-color: var(--patched); text-decoration-thickness: 0.08em; text-underline-offset: 0.28em }
a.packed:hover { color: var(--optimalgauge); text-decoration-color: var(--patched) }
@media(max-width:768px) {.ultracarousel { flex-direction: column; align-items: flex-start }
.endorsed { justify-content: flex-start; margin-left: 0 }}
@media(max-width:640px) {.ultracarousel { margin-top: 1.5rem; padding-top: 1.25rem }}
.matched { gap: 1.25rem; display: grid }
.platedhull { flex-direction: column; min-width: 0; gap: 0.5rem; display: flex }
.lettereddock { font-size: 0.875rem; letter-spacing: 0.01em; font-weight: 600 }
.template { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center }
.scalar[data-derivedglaze] { color: transparent; position: relative; opacity: 1; pointer-events: none }
.scalar[aria-disabled="true"] { cursor: default }
.scalar[data-derivedglaze] .tertiaryhost { visibility: hidden }
.scalar[data-derivedglaze]::after { content: ""; position: absolute; top: 50%; left: 50%; width: 1.15em; height: 1.15em; margin: -0.575em 0 0 -0.575em; border: 2px solid var(--coverJig); border-top-color: transparent; border-radius: 50%; animation: bracedicon 0.7s linear infinite }
@media (prefers-reduced-motion: reduce) {.scalar[data-derivedglaze]::after { animation: none }}
@keyframes bracedicon {to { transform: rotate(360deg) }}
.sandboxedhangar { flex-direction: column; display: flex; gap: 0.75rem; max-width: 44rem; margin: 0 0 clamp(1.75rem,3vw,2.5rem) }
.upper { text-align: center; margin-inline: auto; align-items: center }
.cascaded { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.25rem 1.5rem }
.cascaded .template,.cascaded .spatialgimbal { grid-column: 1/-1 }
.targetedPad .turbotoken { margin-inline: auto; max-width: 44rem }
.printedwave { margin: 1rem 0 0; opacity: 0.65; font-size: 0.8125rem }
.interlockedparticle { font-weight: 400; opacity: 0.72; text-transform: none }
@media(max-width:768px) {.cascaded { grid-template-columns: 1fr }
.template .scalar { width: 100% }}
.bonded { --formalchrome: 5rem; transition: height var(--mergedapron) var(--formalPopover); flex-direction: column; display: flex; height: var(--formalchrome) }
@keyframes connector {from { transform: translateX(0) }
to { transform: translateX(-100%) }}
.inverted { min-height: 0; align-items: center; padding-block: 0; gap: clamp(1rem,2vw,1.5rem); display: flex; justify-content: space-between; flex: 1 1 auto }
.compactCell { gap: clamp(1rem,2vw,1.5rem); align-items: center; display: flex }
.interlockedCartridge { display: flex; gap: clamp(1rem,2vw,1.5rem); flex-wrap: wrap }
.numeric .interlockedCartridge a { border-radius: var(--middle); padding: 0.35rem 0.9rem }
.numeric .interlockedCartridge a[aria-current="page"] { font-weight: 500; color: color-mix(in srgb,var(--incremental) 65%,var(--hinge)) }
.converged { cursor: pointer; display: none; height: 2.75rem; justify-content: center; width: 2.75rem; align-items: center }
.converged .scoredbarrel { display: none }
.converged[aria-expanded="true"] .replicatedThumb { display: none }
.converged[aria-expanded="true"] .scoredbarrel { display: inline-flex }
.numeric { border-bottom: 1px var(--vaulted) var(--compactFixture) }
.numeric .interlockedCartridge { border: var(--binarycell) var(--vaulted) var(--interactiveAvatar); gap: 1.25rem; padding: 0.375rem 1.25rem; border-radius: var(--middle) }
:root { --node: 5rem }
.optimalLockup { height: var(--node) }
.bonded .joiner,.bonded .scalar,.bonded .interlockedCartridge a { white-space: nowrap }
.interlockedCartridge,.compactCell,.inverted>* { min-width: 0 }
.bonded .joiner { text-overflow: ellipsis; overflow: hidden }
@media(min-width:1101px) and (max-width:1400px) {.compactCell,.interlockedCartridge,.inverted { gap: 1rem }}
@media(max-width:1100px) {.inverted { justify-content: space-between; align-items: center; flex-direction: row }
.converged { display: inline-flex }
.compactCell { right: 0; z-index: 20; padding: 1rem; top: 100%; align-items: stretch; display: none; position: absolute; left: 0; background: var(--tallCameo); flex-direction: column; border-bottom: var(--binarycell) var(--vaulted) var(--interactiveAvatar); gap: 0.5rem; border-top: var(--binarycell) var(--vaulted) var(--interactiveAvatar) }
.compactCell[data-hatchedapron] { display: flex }
.interlockedCartridge { flex-direction: column; gap: 0.25rem }
.interlockedCartridge a { padding: 0.65rem 0.25rem }
.numeric .interlockedCartridge { padding: 0; border: none; background: transparent; gap: 0.25rem }
.interlockedCartridge a::after { display: none }
:root { --node: 4rem }
.bonded { --formalchrome: 4.5rem }
.compactCell .scalar { width: 100% }}
@keyframes tooledCell {from { transform: translate3d(-11%,-8%,0) scale(0.86) }
to { transform: translate3d(12%,7%,0) scale(1.15) }}
@keyframes ideal {from { transform: translate3d(12%,8%,0) scale(1.22) }
to { transform: translate3d(-11%,-7%,0) scale(0.9) }}
.moldedconnector .tertiaryhost { width: 1rem; height: 1rem }
.pooled { border-radius: var(--middle) }
.rapidScroller { color: var(--loadedHull); border-color: var(--patched) }
.rapidScroller .tertiaryhost { color: var(--patched) }
.refinedscroller { isolation: isolate; position: relative; padding: min(calc(var(--desktoptrim) * 1.35),calc(var(--desktopHousing,100vh) * 0.145)) 0; overflow: hidden }
.derivedbulletin { margin: 0; position: absolute; inset: 0; z-index: 0 }
.refinedscroller .platedcrumb { position: relative; z-index: 1 }
.derivedbulletin img { border-radius: 0; object-fit: cover; display: block; width: 100%; height: 100%; border: 0 }
.derivedbulletin::after { background: linear-gradient(180deg,color-mix(in srgb,var(--loadedHull) 78%,transparent) 0%,color-mix(in srgb,var(--loadedHull) 52%,transparent) 45%,color-mix(in srgb,var(--loadedHull) 78%,transparent) 100%); inset: 0; position: absolute; content: "" }
.refinedscroller::before { top: -15%; content: ""; border-radius: 50%; z-index: -1; width: 45vw; background: var(--pulsedgateway); height: 45vw; filter: blur(90px); right: -10%; position: absolute }
.refinedscroller::after { height: 35vw; left: -10%; content: ""; bottom: -15%; border-radius: 50%; filter: blur(80px); width: 35vw; position: absolute; z-index: -1; background: var(--pulsedgateway) }
.digest { max-width: min(100%,56rem); margin: 0 auto; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 1.25rem; padding: var(--binarydock); padding-block: calc(var(--binarydock) * 2.4); padding-inline: calc(var(--binarydock) * 1.5); border: var(--binarycell) var(--vaulted) var(--laminated); border-radius: var(--textualBadge); background: var(--gasket); box-shadow: var(--easedTimeline) }
.digest h1,.digest h2 { font-size: calc((1rem + (clamp(2.25rem,6vw,3.75rem) - 1rem) * var(--leanLayer)) * var(--dynamic)); line-height: 1.1; margin: 0 }
@media(max-width:640px) {.digest h2,.digest h1 { font-size: calc((1rem + (clamp(2rem,9vw,2.5rem) - 1rem) * var(--leanLayer)) * var(--dynamic)) }
.refinedscroller { padding: calc(var(--desktoptrim) * 0.85) 0 }}
.stable .jointWave:not(.justifychannel):not(.functionaldock) { box-shadow: none; gap: 0.625rem; display: flex; align-items: center }
.stable .justifychannel::before,.stable .jointWave:not(.justifychannel):not(.functionaldock)::before,.stable .justifychannel::after { content: ""; min-width: 1.25rem; background: var(--patched); height: 2px; border-radius: 0; flex: 0 0 auto }
.stable .jointWave:not(.justifychannel):not(.functionaldock)::before { width: 1.5rem }
.streamed { padding: clamp(3.5rem,7vw,6rem) 0 }
.streamed .pulsedwrapper { max-width: max(var(--clustered),68ch); margin-inline: auto }
.platedcrumb.pulsedwrapper { max-width: max(var(--clustered),68ch); margin-inline: auto }
.turbo { text-transform: uppercase; font-weight: 700; color: var(--optimalgauge); margin: 0 0 0.75rem; font-size: 0.8125rem; letter-spacing: 0.14em }
.chamberedpad { line-height: 1.08; font-size: calc((1rem + (clamp(2.25rem,5vw,3.5rem) - 1rem) * var(--leanLayer)) * var(--dynamic)); margin: 0 0 1rem }
.toured { opacity: 0.7; font-size: 0.9375rem; margin: 0 0 0.5rem }
.toured code { background: var(--printedSocket); border-radius: var(--textualBadge); font-size: 0.875em; padding: 0.1em 0.4em; white-space: nowrap }
.flatbulletin { margin: 0 0 1.25rem }
.flatbulletin .letteredwrapper { line-height: 1.45; margin: 0 0 0.6rem }
.flatbulletin .mixedgrate { font-weight: 700 }
.flatbulletin .letteredwrapper:last-child { margin-bottom: 0 }
.formalCallout { margin: 0 0 1.25rem; list-style: disc; padding-left: 1.25rem }
.formalCallout li { line-height: var(--rich); margin: 0 0 0.4rem }
.formalCallout li::marker { color: var(--patched) }
.streamed h2 { scroll-margin-top: calc(var(--node) + 1rem) }
.streamed p.toured { margin-bottom: 0.5rem }
.streamed .pulsedwrapper .toured+p { margin-top: 1.75rem }
.moldedchannel { border-radius: var(--imprintedTimeline); padding: calc(var(--binarydock) * 1.25); border: var(--plain) var(--vaulted) var(--laminated); background: color-mix(in srgb,var(--patched) 6%,var(--printedSocket)) }
.geared .moldedchannel { border-inline-start: 0.1875rem var(--vaulted) var(--patched); max-width: max(var(--clustered),68ch); margin: 0 auto 2.75rem; background-image: linear-gradient(135deg,color-mix(in srgb,var(--patched) 10%,transparent) 0%,transparent 60%) }
.geared .moldedchannel .toured { margin: 0 0 0.375rem }
.geared .moldedchannel p { margin-bottom: 0.75rem }
.interactivelockup h2:not(.chamberedpad)::after { margin-top: 0.5rem; border-radius: var(--middle); background: var(--patched); width: 2.5rem; display: block; content: ""; height: 0.1875rem }
@media(max-width:768px) {.toured code { white-space: normal }}
@media(max-width:640px) {.streamed { padding: 2.5rem 0 }
.chamberedpad { font-size: calc((1rem + (clamp(1.875rem,7vw,2.5rem) - 1rem) * var(--leanLayer)) * var(--dynamic)) }}
.grounded { display: flex; flex-direction: column; gap: clamp(1.75rem,3vw,2.5rem) }
.pinned img { box-shadow: var(--easedTimeline); aspect-ratio: 21/9; border-radius: var(--systemichandle); width: 100%; object-fit: cover; display: block }
.loadedbarrel .shaped { margin: 0 auto }
@media (max-width:768px) {.pinned img { aspect-ratio: 16/9 }}
@media(max-width:640px) {.grounded { gap: 1.5rem }}
.imprintedHousing .nestedcrown { gap: var(--composite); display: grid }
.block { text-align: left }
.imprintedHousing .systemicbillboard { color: var(--quantumFile); display: inline-block; letter-spacing: var(--lockup); margin-bottom: 1.25rem; padding: 0.3rem 0.85rem; border-radius: var(--notice); font-weight: var(--blendedHousing); background: var(--draft); font-size: 0.8125rem; border: var(--binarycell) var(--vaulted) var(--laminated); text-transform: var(--moldedToken) }
.imprintedHousing .block h3 { margin: 0 0 0.75rem; font-size: 1.375rem }
.imprintedHousing .block p { opacity: 0.75; margin: 0; line-height: var(--rich) }
.flatLedger .blendedvector { display: flex; flex-direction: column }
.flatLedger .loadedtimeline { display: flex; padding: 2.5rem 0; border-top: var(--binarycell) var(--vaulted) var(--laminated); gap: 3rem; align-items: center }
.flatLedger .loadedtimeline:last-child { border-bottom: var(--binarycell) var(--vaulted) var(--laminated) }
.flatLedger .systemicbillboard { font-variant-numeric: tabular-nums; color: var(--optimalgauge); flex-shrink: 0; line-height: 1; font-size: calc((1rem + (clamp(3rem,7vw,5.5rem) - 1rem) * var(--leanLayer)) * var(--dynamic)); width: 1.6em; font-weight: 900 }
.gilded h3 { margin: 0 0 0.75rem; font-size: 1.75rem }
.gilded p { line-height: var(--rich); margin: 0; max-width: 55ch; opacity: 0.75; font-size: 1.125rem }
@media(max-width:768px) {.flatLedger .loadedtimeline { gap: 1rem; padding: 1.75rem 0; flex-direction: column; align-items: flex-start }}
@media(max-width:640px) {.flatLedger .systemicbillboard { font-size: calc((1rem + (clamp(2.25rem,9vw,3.5rem) - 1rem) * var(--leanLayer)) * var(--dynamic)) }
.flatLedger .loadedtimeline { padding: 1.25rem 0 }}
.quantumscreen { --syncedAvatar: color-mix(in srgb,var(--loadedHull) 9%,transparent); --reeded: 24px; background-repeat: repeat }
.quantumscreen { background-size: var(--reeded) var(--reeded); --syncedAvatar: color-mix(in srgb,var(--loadedHull) 5%,transparent); background-image: repeating-linear-gradient(45deg,var(--syncedAvatar) 0 1px,transparent 1px calc(var(--reeded) * 0.70710678)); --reeded: 20px }
.diffusedHull .verified:not(.absoluteLibrary) { text-transform: capitalize }
.absoluteSilo { gap: clamp(1rem,2vw,1.5rem); display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin-top: clamp(1.75rem,3vw,2.5rem) }
.digital { box-shadow: var(--easedTimeline); padding: var(--binarydock); display: flex; border-radius: var(--textualBadge); gap: 0.5rem; flex-direction: column; border: var(--plain) var(--vaulted) var(--laminated) }
.motif { margin: 0; font-weight: 600 }
.bureau { opacity: 0.75; font-size: 0.9375rem; margin: 0.25rem 0 0 }
@media(max-width:768px) {.absoluteSilo { grid-template-columns: 1fr }}
.tailored { background: var(--engravedparticle); border-color: var(--paved); color: var(--dedicatedPlacard) }
.tailored .coverChart { color: var(--dedicatedPlacard) }
.tailored p { color: var(--dedicatedPlacard) }
.tailored .jointWave { color: color-mix(in srgb,var(--dedicatedPlacard) 70%,transparent) }
.tailored .scalar { background: var(--dedicatedPlacard); color: var(--loadedHull) }
.tailored .barrel { color: var(--dedicatedPlacard); border-color: var(--dedicatedPlacard); background: transparent }
.tailored .scalar:hover { color: var(--loadedHull); background: color-mix(in srgb,var(--dedicatedPlacard) 86%,var(--loadedHull)) }
.tailored .barrel:hover { color: var(--dedicatedPlacard); background: color-mix(in srgb,var(--dedicatedPlacard) 14%,transparent) }
.tailored .cyberHelm { background: var(--dedicatedPlacard) }
.tailored .cyberHelm { border-color: transparent }
.tailored .cyberHelm { box-shadow: 0 0 0 0.1875rem var(--patched) }
.tailored summary::after,.tailored summary::marker { color: var(--dedicatedPlacard) }
.tailored .quantumGlyph { border-color: color-mix(in srgb,var(--dedicatedPlacard) 24%,transparent) }
.tailored .quantumGlyph:hover { background-color: color-mix(in srgb,var(--dedicatedPlacard) 8%,transparent); border-color: var(--optimalgauge) }
.tailored .compactCell { color: var(--dedicatedPlacard) }
.tailored .interlockedCartridge a[aria-current="page"],.tailored .interlockedCartridge a:hover { color: var(--dedicatedPlacard) }
.tailored .converged { border-color: var(--dedicatedPlacard) }
.tailored .ultracarousel { border-color: color-mix(in srgb,var(--dedicatedPlacard) 34%,transparent) }
.tailored .formalcrumb { opacity: 0.65 }
.tailored input,.tailored textarea { border-color: color-mix(in srgb,var(--dedicatedPlacard) 56%,transparent); background: color-mix(in srgb,var(--dedicatedPlacard) 8%,var(--engravedparticle)); color: var(--dedicatedPlacard) }
.tailored ::placeholder { color: color-mix(in srgb,var(--dedicatedPlacard) 55%,var(--engravedparticle)) }
.bonded { background-image: linear-gradient(180deg,color-mix(in srgb,var(--patched) 10%,transparent),transparent 78%) }
.converged { border-radius: 0.75rem; border-width: 0; width: 3rem; height: 3rem }
.converged .tertiaryhost { width: 1.5rem; height: 1.5rem }
.numeric .interlockedCartridge a[aria-current="page"] { background: var(--optimalgauge); color: var(--turboWire) }
@media(min-width:1101px) {.numeric .interlockedCartridge { padding: 0.5rem 1rem; border-width: 0; background: var(--spatialtoken) }
.numeric .interlockedCartridge a { padding: 0.45rem 1.1rem }}
.justifychannel::after,.justifychannel::before { height: 0.3125rem; display: block; border-radius: 50%; width: 0.3125rem }
.targetedMarquee,details { transition: all var(--mergedapron) var(--formalPopover) }
input,textarea { transition: all var(--mergedapron) var(--formalPopover) }
.scalar:not(.barrel,.flattenedPlugin) { isolation: isolate; position: relative }
.scalar:not(.barrel,.flattenedPlugin)::after { background: currentColor; inset: 0; opacity: 0; z-index: -1; transition: all var(--mergedapron) var(--formalPopover); content: ""; position: absolute; border-radius: inherit }
.scalar:not(.barrel,.flattenedPlugin):hover::after { opacity: 0.16 }
.scalar:not(.barrel,.flattenedPlugin):active::after { opacity: 0.26 }
.steppedEasel .scalar:not(.barrel,.flattenedPlugin)::after,.tailored .scalar:not(.barrel,.flattenedPlugin)::after { display: none }
details:hover,.targetedMarquee:not(.reinforcedblade,.cybertoken,.arrayed):hover { box-shadow: var(--lookup); transform: var(--editedAvatar) }
textarea:focus,input:not([type="checkbox"]):not([type="radio"]):focus,select:focus { box-shadow: inset 0 -2px 0 var(--optimalgauge) }
.scalar:not(.barrel,.flattenedPlugin):hover:focus-visible,.scalar:focus-visible { box-shadow: var(--crispCoil)!important }
[data-provisionedwrapper] [data-footing] .platedcrumb:not(:has(:is(.masterdock,.courier,.validatedhost,.imprint,.interactiveHangar,.moldedHanger,.desktopcard,.topindex,.snapped,.syncedIndex,.terminal,.snippet,.printedCrown,.recorded,.optimalaction,.flattened,.breadcrumb,.backedwave,.systemicHousing,.nestedcrown,.shim,.imprintedGrille,.blendedvector,.sandboxedPlugin,.containbillboard,.coined,.absolutePopover,.quantumgrate,.symbol))) { transform: translateY(var(--desktopavatar)); transition: opacity var(--editedfooter) var(--graftedbarrel),transform var(--editedfooter) var(--graftedbarrel); opacity: 0 }
[data-provisionedwrapper] [data-footing][data-justifybook] .platedcrumb:not(:has(:is(.masterdock,.courier,.validatedhost,.imprint,.interactiveHangar,.moldedHanger,.desktopcard,.topindex,.snapped,.syncedIndex,.terminal,.snippet,.printedCrown,.recorded,.optimalaction,.flattened,.breadcrumb,.backedwave,.systemicHousing,.nestedcrown,.shim,.imprintedGrille,.blendedvector,.sandboxedPlugin,.containbillboard,.coined,.absolutePopover,.quantumgrate,.symbol))) { opacity: 1; transform: none }
[data-provisionedwrapper] [data-footing] .platedcrumb:has(:is(.interactiveHangar,.moldedHanger,.desktopcard,.nestedcrown,.blendedvector)) { opacity: 0; transition: opacity var(--editedfooter) var(--graftedbarrel) }
[data-provisionedwrapper] [data-footing][data-justifybook] .platedcrumb:has(:is(.interactiveHangar,.moldedHanger,.desktopcard,.nestedcrown,.blendedvector)) { opacity: 1 }
[data-provisionedwrapper] [data-footing] :is(.interactiveHangar,.moldedHanger,.desktopcard,.nestedcrown,.blendedvector)>* { transition: opacity var(--editedfooter) var(--graftedbarrel),transform var(--editedfooter) var(--graftedbarrel); opacity: 0; transform: translateY(var(--desktopavatar)) }
[data-provisionedwrapper] [data-footing][data-justifybook] :is(.interactiveHangar,.moldedHanger,.desktopcard,.nestedcrown,.blendedvector)>* { opacity: 1; transform: none }
[data-provisionedwrapper] [data-footing] :is(.interactiveHangar,.moldedHanger,.desktopcard,.nestedcrown,.blendedvector)>*:is(.targetedMarquee,details) { box-shadow: none; transition: opacity var(--editedfooter) var(--graftedbarrel),transform var(--editedfooter) var(--graftedbarrel),box-shadow var(--editedfooter) var(--graftedbarrel) }
[data-provisionedwrapper] [data-footing][data-justifybook] :is(.interactiveHangar,.moldedHanger,.desktopcard,.nestedcrown,.blendedvector)>*:is(.targetedMarquee,details) { box-shadow: var(--easedTimeline) }
[data-provisionedwrapper] [data-footing][data-justifybook] :is(.interactiveHangar,.moldedHanger,.desktopcard,.nestedcrown,.blendedvector)>*:nth-child(2) { transition-delay: calc(1 * var(--blendedhangar)) }
[data-provisionedwrapper] [data-footing][data-justifybook] :is(.interactiveHangar,.moldedHanger,.desktopcard,.nestedcrown,.blendedvector)>*:nth-child(3) { transition-delay: calc(2 * var(--blendedhangar)) }
[data-provisionedwrapper] [data-footing][data-justifybook] :is(.interactiveHangar,.moldedHanger,.desktopcard,.nestedcrown,.blendedvector)>*:nth-child(4) { transition-delay: calc(3 * var(--blendedhangar)) }
[data-provisionedwrapper] [data-footing][data-justifybook] :is(.interactiveHangar,.moldedHanger,.desktopcard,.nestedcrown,.blendedvector)>*:nth-child(5) { transition-delay: calc(4 * var(--blendedhangar)) }
[data-provisionedwrapper] [data-footing][data-justifybook] :is(.interactiveHangar,.moldedHanger,.desktopcard,.nestedcrown,.blendedvector)>*:nth-child(6) { transition-delay: calc(5 * var(--blendedhangar)) }
[data-provisionedwrapper] [data-footing][data-justifybook] :is(.interactiveHangar,.moldedHanger,.desktopcard,.nestedcrown,.blendedvector)>*:nth-child(n+7) { transition-delay: calc(5 * var(--blendedhangar)) }