{"id":43,"date":"2026-10-10T00:07:33","date_gmt":"2026-10-10T00:07:33","guid":{"rendered":"https:\/\/assetpx.com\/?page_id=43"},"modified":"2026-10-10T00:07:33","modified_gmt":"2026-10-10T00:07:33","slug":"history-of-tokenization","status":"publish","type":"page","link":"https:\/\/assetpx.com\/index.php\/history-of-tokenization\/","title":{"rendered":"History of Tokenization"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"43\" class=\"elementor elementor-43 elementor-bc-flex-widget\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bc4a048 e-con-full hx-wrap e-flex e-con e-parent\" data-id=\"bc4a048\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-15cb2c6 elementor-widget elementor-widget-html\" data-id=\"15cb2c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style> .hx *, .hx ::before, .hx::before, .hx ::after, .hx::after { box-sizing: border-box; border-width: 0; border-style: solid; border-color: #e5e7eb; } .hx ::before, .hx::before, .hx ::after, .hx::after { --tw-content: ''; } .hx, .hx { line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; tab-size: 4; font-family: Inter,sans-serif; font-feature-settings: Inter,sans-serif; font-variation-settings: Inter,sans-serif; -webkit-tap-highlight-color: transparent; } .hx { margin: 0; line-height: inherit; } .hx hr { height: 0; color: inherit; border-top-width: 1px; } .hx abbr:where([title]) { text-decoration: underline dotted; } .hx h1, .hx h2, .hx h3, .hx h4, .hx h5, .hx h6 { font-size: inherit; font-weight: inherit; } .hx a { color: inherit; text-decoration: inherit; } .hx b, .hx strong { font-weight: bolder; } .hx code, .hx kbd, .hx samp, .hx pre { font-family: ui-monospace,monospace; font-feature-settings: ui-monospace,monospace; font-variation-settings: ui-monospace,monospace; font-size: 1em; } .hx small { font-size: 80%; } .hx sub, .hx sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } .hx sub { bottom: -0.25em; } .hx sup { top: -0.5em; } .hx table { text-indent: 0; border-color: inherit; border-collapse: collapse; } .hx button, .hx input, .hx optgroup, .hx select, .hx textarea { font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0; padding: 0; } .hx button, .hx select { text-transform: none; } .hx button, .hx input:where([type='button']), .hx input:where([type='reset']), .hx input:where([type='submit']) { -webkit-appearance: button; background-color: transparent; background-image: none; } .hx :-moz-focusring { outline: auto; } .hx :-moz-ui-invalid { box-shadow: none; } .hx progress { vertical-align: baseline; } .hx ::-webkit-inner-spin-button, .hx::-webkit-inner-spin-button, .hx ::-webkit-outer-spin-button, .hx::-webkit-outer-spin-button { height: auto; } .hx [type='search'] { -webkit-appearance: textfield; outline-offset: -2px; } .hx ::-webkit-search-decoration, .hx::-webkit-search-decoration { -webkit-appearance: none; } .hx ::-webkit-file-upload-button, .hx::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } .hx summary { display: list-item; } .hx blockquote, .hx dl, .hx dd, .hx h1, .hx h2, .hx h3, .hx h4, .hx h5, .hx h6, .hx hr, .hx figure, .hx p, .hx pre { margin: 0; } .hx fieldset { margin: 0; padding: 0; } .hx legend { padding: 0; } .hx ol, .hx ul, .hx menu { list-style: none; margin: 0; padding: 0; } .hx dialog { padding: 0; } .hx textarea { resize: vertical; } .hx input::placeholder, .hx textarea::placeholder { opacity: 1; color: #9ca3af; } .hx button, .hx [role=\"button\"] { cursor: pointer; } .hx :disabled { cursor: default; } .hx img, .hx svg, .hx video, .hx canvas, .hx audio, .hx iframe, .hx embed, .hx object { display: block; vertical-align: middle; } .hx img, .hx video { max-width: 100%; height: auto; } .hx [hidden]:where(:not([hidden=\"until-found\"])) { display: none; } *,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.hx ::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.hx .pointer-events-none{pointer-events:none}.hx .absolute{position:absolute}.hx .relative{position:relative}.hx .inset-0{inset:0}.hx .-bottom-12{bottom:-3rem}.hx .-right-12{right:-3rem}.hx .-right-8{right:-2rem}.hx .-top-8{top:-2rem}.hx .left-10{left:2.5rem}.hx .left-6{left:1.5rem}.hx .right-10{right:2.5rem}.hx .top-1\\\/2{top:50%}.hx .-z-0{z-index:0}.hx .z-10{z-index:10}.hx .mx-auto{margin-left:auto;margin-right:auto}.hx .mb-14{margin-bottom:3.5rem}.hx .mb-2{margin-bottom:.5rem}.hx .mb-4{margin-bottom:1rem}.hx .mb-6{margin-bottom:1.5rem}.hx .mt-0\\.5{margin-top:.125rem}.hx .mt-1{margin-top:.25rem}.hx .mt-10{margin-top:2.5rem}.hx .mt-2{margin-top:.5rem}.hx .mt-20{margin-top:5rem}.hx .mt-4{margin-top:1rem}.hx .block{display:block}.hx .flex{display:flex}.hx .inline-flex{display:inline-flex}.hx .grid{display:grid}.hx .h-1{height:.25rem}.hx .h-12{height:3rem}.hx .h-24{height:6rem}.hx .h-3\\.5{height:.875rem}.hx .h-4{height:1rem}.hx .h-5{height:1.25rem}.hx .h-64{height:16rem}.hx .h-9{height:2.25rem}.hx .w-12{width:3rem}.hx .w-24{width:6rem}.hx .w-3\\.5{width:.875rem}.hx .w-4{width:1rem}.hx .w-5{width:1.25rem}.hx .w-64{width:16rem}.hx .w-9{width:2.25rem}.hx .w-full{width:100%}.hx .min-w-\\[700px\\]{min-width:700px}.hx .max-w-3xl{max-width:48rem}.hx .max-w-4xl{max-width:56rem}.hx .max-w-5xl{max-width:64rem}.hx .max-w-7xl{max-width:80rem}.hx .max-w-xl{max-width:36rem}.hx .shrink-0{flex-shrink:0}.hx .-translate-x-1\\\/2{--tw-translate-x:-50%}.hx .-translate-x-1\\\/2,.hx .-translate-y-1\\\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hx .-translate-y-1\\\/2{--tw-translate-y:-50%}.hx .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.hx .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.hx .flex-col{flex-direction:column}.hx .items-start{align-items:flex-start}.hx .items-center{align-items:center}.hx .justify-center{justify-content:center}.hx .justify-between{justify-content:space-between}.hx .gap-1\\.5{gap:.375rem}.hx .gap-2{gap:.5rem}.hx .gap-2\\.5{gap:.625rem}.hx .gap-3{gap:.75rem}.hx .gap-4{gap:1rem}.hx .gap-8{gap:2rem}.hx :is(.space-y-12>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(3rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3rem*var(--tw-space-y-reverse))}.hx :is(.space-y-2>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.hx :is(.space-y-3>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.hx .overflow-hidden{overflow:hidden}.hx .overflow-x-auto{overflow-x:auto}.hx .rounded-2xl{border-radius:1rem}.hx .rounded-3xl{border-radius:1.5rem}.hx .rounded-full{border-radius:9999px}.hx .rounded-xl{border-radius:.75rem}.hx .border{border-width:1px}.hx .border-2{border-width:2px}.hx .border-4{border-width:4px}.hx .border-l-4{border-left-width:4px}.hx .border-amber-200{--tw-border-opacity:1;border-color:rgb(253 230 138\/var(--tw-border-opacity,1))}.hx .border-amber-200\\\/60{border-color:hsla(48,97%,77%,.6)}.hx .border-amber-500{--tw-border-opacity:1;border-color:rgb(245 158 11\/var(--tw-border-opacity,1))}.hx .border-blue-200\\\/60{border-color:rgba(191,219,254,.6)}.hx .border-brand-100{--tw-border-opacity:1;border-color:rgb(219 234 254\/var(--tw-border-opacity,1))}.hx .border-brand-600{--tw-border-opacity:1;border-color:rgb(0 82 255\/var(--tw-border-opacity,1))}.hx .border-emerald-200{--tw-border-opacity:1;border-color:rgb(167 243 208\/var(--tw-border-opacity,1))}.hx .border-emerald-500{--tw-border-opacity:1;border-color:rgb(16 185 129\/var(--tw-border-opacity,1))}.hx .border-indigo-200{--tw-border-opacity:1;border-color:rgb(199 210 254\/var(--tw-border-opacity,1))}.hx .border-slate-100{--tw-border-opacity:1;border-color:rgb(241 245 249\/var(--tw-border-opacity,1))}.hx .border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240\/var(--tw-border-opacity,1))}.hx .border-slate-200\\\/80{border-color:rgba(226,232,240,.8)}.hx .border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225\/var(--tw-border-opacity,1))}.hx .border-white{--tw-border-opacity:1;border-color:rgb(255 255 255\/var(--tw-border-opacity,1))}.hx .border-l-amber-500{--tw-border-opacity:1;border-left-color:rgb(245 158 11\/var(--tw-border-opacity,1))}.hx .bg-\\[\\#f8fafc\\]{--tw-bg-opacity:1;background-color:rgb(248 250 252\/var(--tw-bg-opacity,1))}.hx .bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235\/var(--tw-bg-opacity,1))}.hx .bg-blue-50,.hx .bg-brand-50{--tw-bg-opacity:1;background-color:rgb(239 246 255\/var(--tw-bg-opacity,1))}.hx .bg-brand-600{--tw-bg-opacity:1;background-color:rgb(0 82 255\/var(--tw-bg-opacity,1))}.hx .bg-emerald-50{--tw-bg-opacity:1;background-color:rgb(236 253 245\/var(--tw-bg-opacity,1))}.hx .bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(238 242 255\/var(--tw-bg-opacity,1))}.hx .bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249\/var(--tw-bg-opacity,1))}.hx .bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240\/var(--tw-bg-opacity,1))}.hx .bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252\/var(--tw-bg-opacity,1))}.hx .bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255\/var(--tw-bg-opacity,1))}.hx .bg-white\\\/10{background-color:hsla(0,0%,100%,.1)}.hx .bg-\\[radial-gradient\\(\\#e2e8f0_1px\\2c transparent_1px\\)\\]{background-image:radial-gradient(#e2e8f0 1px,transparent 0)}.hx .bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.hx .bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.hx .from-brand-600{--tw-gradient-from:#0052ff var(--tw-gradient-from-position);--tw-gradient-to:rgba(0,82,255,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hx .from-white{--tw-gradient-from:#fff var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hx .via-slate-50\\\/50{--tw-gradient-to:rgba(248,250,252,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(248,250,252,.5) var(--tw-gradient-via-position),var(--tw-gradient-to)}.hx .to-\\[\\#f8fafc\\]{--tw-gradient-to:#f8fafc var(--tw-gradient-to-position)}.hx .to-indigo-600{--tw-gradient-to:#4f46e5 var(--tw-gradient-to-position)}.hx .to-indigo-700{--tw-gradient-to:#4338ca var(--tw-gradient-to-position)}.hx .bg-clip-text{-webkit-background-clip:text;background-clip:text}.hx .p-3{padding:.75rem}.hx .p-4{padding:1rem}.hx .p-6{padding:1.5rem}.hx .p-8{padding:2rem}.hx .px-3{padding-left:.75rem;padding-right:.75rem}.hx .px-3\\.5{padding-left:.875rem;padding-right:.875rem}.hx .px-4{padding-left:1rem;padding-right:1rem}.hx .px-6{padding-left:1.5rem;padding-right:1.5rem}.hx .px-8{padding-left:2rem;padding-right:2rem}.hx .py-1{padding-top:.25rem;padding-bottom:.25rem}.hx .py-1\\.5{padding-top:.375rem;padding-bottom:.375rem}.hx .py-3{padding-top:.75rem;padding-bottom:.75rem}.hx .pb-16{padding-bottom:4rem}.hx .pb-24{padding-bottom:6rem}.hx .pb-4{padding-bottom:1rem}.hx .pl-0{padding-left:0}.hx .pl-12{padding-left:3rem}.hx .pr-0{padding-right:0}.hx .pt-12{padding-top:3rem}.hx .pt-4{padding-top:1rem}.hx .text-center{text-align:center}.hx .font-sans{font-family:Inter,sans-serif}.hx .text-2xl{font-size:1.5rem;line-height:2rem}.hx .text-4xl{font-size:2.25rem;line-height:2.5rem}.hx .text-\\[11px\\]{font-size:11px}.hx .text-lg{font-size:1.125rem;line-height:1.75rem}.hx .text-sm{font-size:.875rem;line-height:1.25rem}.hx .text-xl{font-size:1.25rem;line-height:1.75rem}.hx .text-xs{font-size:.75rem;line-height:1rem}.hx .font-bold{font-weight:700}.hx .font-extrabold{font-weight:800}.hx .font-normal{font-weight:400}.hx .font-semibold{font-weight:600}.hx .uppercase{text-transform:uppercase}.hx .leading-relaxed{line-height:1.625}.hx .leading-tight{line-height:1.25}.hx .tracking-tight{letter-spacing:-.025em}.hx .tracking-wider{letter-spacing:.05em}.hx .text-amber-500{--tw-text-opacity:1;color:rgb(245 158 11\/var(--tw-text-opacity,1))}.hx .text-amber-600{--tw-text-opacity:1;color:rgb(217 119 6\/var(--tw-text-opacity,1))}.hx .text-amber-700{--tw-text-opacity:1;color:rgb(180 83 9\/var(--tw-text-opacity,1))}.hx .text-amber-800{--tw-text-opacity:1;color:rgb(146 64 14\/var(--tw-text-opacity,1))}.hx .text-blue-100{--tw-text-opacity:1;color:rgb(219 234 254\/var(--tw-text-opacity,1))}.hx .text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216\/var(--tw-text-opacity,1))}.hx .text-brand-600{--tw-text-opacity:1;color:rgb(0 82 255\/var(--tw-text-opacity,1))}.hx .text-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105\/var(--tw-text-opacity,1))}.hx .text-emerald-700{--tw-text-opacity:1;color:rgb(4 120 87\/var(--tw-text-opacity,1))}.hx .text-indigo-700{--tw-text-opacity:1;color:rgb(67 56 202\/var(--tw-text-opacity,1))}.hx .text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184\/var(--tw-text-opacity,1))}.hx .text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139\/var(--tw-text-opacity,1))}.hx .text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105\/var(--tw-text-opacity,1))}.hx .text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85\/var(--tw-text-opacity,1))}.hx .text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59\/var(--tw-text-opacity,1))}.hx .text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42\/var(--tw-text-opacity,1))}.hx .text-transparent{color:transparent}.hx .text-white{--tw-text-opacity:1;color:rgb(255 255 255\/var(--tw-text-opacity,1))}.hx .antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hx .opacity-40{opacity:.4}.hx .opacity-50{opacity:.5}.hx .shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.hx .shadow-lg,.hx .shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hx .shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.hx .shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.hx .shadow-sm,.hx .shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hx .shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.hx .blur-2xl{--tw-blur:blur(40px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hx .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hx .transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hx .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hx .\\[background-size\\:16px_16px\\]{background-size:16px 16px}.hx .hover\\:bg-blue-50:hover{--tw-bg-opacity:1;background-color:rgb(239 246 255\/var(--tw-bg-opacity,1))}.hx .hover\\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.hx .hover\\:shadow-lg:hover,.hx .hover\\:shadow-md:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hx .hover\\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.hx .focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.hx :is(.group:hover .group-hover\\:scale-110){--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hx :is(.group:hover .group-hover\\:border-brand-600){--tw-border-opacity:1;border-color:rgb(0 82 255\/var(--tw-border-opacity,1))}.hx :is(.group:hover .group-hover\\:text-brand-600){--tw-text-opacity:1;color:rgb(0 82 255\/var(--tw-text-opacity,1))}@media (min-width:640px){.hx .sm\\:p-12{padding:3rem}.hx .sm\\:px-6{padding-left:1.5rem;padding-right:1.5rem}.hx .sm\\:text-3xl{font-size:1.875rem;line-height:2.25rem}.hx .sm\\:text-5xl{font-size:3rem;line-height:1}.hx .sm\\:text-base{font-size:1rem;line-height:1.5rem}.hx .sm\\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:768px){.hx .md\\:mb-0{margin-bottom:0}.hx .md\\:w-\\[45\\%\\]{width:45%}.hx .md\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.hx .md\\:flex-row{flex-direction:row}.hx .md\\:flex-row-reverse{flex-direction:row-reverse}.hx .md\\:pl-0{padding-left:0}.hx .md\\:pl-8{padding-left:2rem}.hx .md\\:pr-8{padding-right:2rem}.hx .md\\:text-left{text-align:left}.hx .md\\:text-right{text-align:right}}@media (min-width:1024px){.hx .lg\\:px-8{padding-left:2rem;padding-right:2rem}.hx .lg\\:text-6xl{font-size:3.75rem;line-height:1}}.hx{background-color:#f8fafc;color:#1e293b;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hx .timeline-line::before{content:\"\";position:absolute;top:0;bottom:0;left:50%;width:2px;background:#e2e8f0;transform:translateX(-50%)}@media (max-width:768px){.hx .timeline-line::before{left:24px}}.hx{line-height:1.5;-webkit-text-size-adjust:100%;font-family:Inter,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;tab-size:4}body .elementor .e-con.hx-wrap{display:flex!important;flex-direction:column!important;padding:0!important;max-width:100%!important;width:100%!important;margin:0!important;gap:0!important}body .elementor .e-con.hx-wrap>.elementor-element{width:100%;margin:0!important}.hx-wrap .elementor-widget-html{margin-bottom:0!important}<\/style><div class=\"hx bg-[#f8fafc] text-slate-800 font-sans antialiased\"><section class=\"relative pt-12 pb-16 overflow-hidden bg-gradient-to-b from-white via-slate-50\/50 to-[#f8fafc]\">\n        <div class=\"absolute inset-0 opacity-40 bg-[radial-gradient(#e2e8f0_1px,transparent_1px)] [background-size:16px_16px] pointer-events-none\"><\/div>\n        <div class=\"max-w-5xl mx-auto px-4 sm:px-6 text-center relative z-10\">\n            \n            <div class=\"inline-flex items-center gap-2 px-3.5 py-1.5 rounded-full bg-brand-50 border border-brand-100 text-brand-600 text-xs font-semibold uppercase tracking-wider mb-6\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-lucide=\"history\" aria-hidden=\"true\" class=\"lucide lucide-history w-3.5 h-3.5\"><path d=\"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\"><\/path><path d=\"M3 3v5h5\"><\/path><path d=\"M12 7v5l4 2\"><\/path><\/svg> Evolution of Asset Ownership\n            <\/div>\n\n            <h1 class=\"text-4xl sm:text-5xl lg:text-6xl font-extrabold text-slate-900 tracking-tight leading-tight\">\n                History of <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-brand-600 to-indigo-600\">Tokenization<\/span>\n            <\/h1>\n\n            <p class=\"mt-4 text-lg sm:text-xl text-slate-600 max-w-3xl mx-auto font-normal leading-relaxed\">\n                Learn about the history of tokenization, from gold-backed paper standard to digital data security, blockchain innovation, and real-world assets.\n            <\/p>\n\n            <!-- Key Quick Stats Bar -->\n            <div class=\"mt-10 grid grid-cols-2 md:grid-cols-4 gap-4 max-w-4xl mx-auto\">\n                <div class=\"bg-white p-4 rounded-2xl border border-slate-200\/80 shadow-sm text-center\">\n                    <div class=\"text-xs font-semibold text-slate-400 uppercase tracking-wider\">Origins<\/div>\n                    <div class=\"text-xl font-bold text-slate-900 mt-1\">18th Century<\/div>\n                    <div class=\"text-xs text-slate-500 mt-0.5\">Gold Standard<\/div>\n                <\/div>\n                <div class=\"bg-white p-4 rounded-2xl border border-slate-200\/80 shadow-sm text-center\">\n                    <div class=\"text-xs font-semibold text-slate-400 uppercase tracking-wider\">Digital Security<\/div>\n                    <div class=\"text-xl font-bold text-slate-900 mt-1\">2001<\/div>\n                    <div class=\"text-xs text-slate-500 mt-0.5\">Credit Tokenization<\/div>\n                <\/div>\n                <div class=\"bg-white p-4 rounded-2xl border border-slate-200\/80 shadow-sm text-center\">\n                    <div class=\"text-xs font-semibold text-slate-400 uppercase tracking-wider\">Blockchain Genesis<\/div>\n                    <div class=\"text-xl font-bold text-slate-900 mt-1\">2008<\/div>\n                    <div class=\"text-xs text-slate-500 mt-0.5\">Bitcoin Whitepaper<\/div>\n                <\/div>\n                <div class=\"bg-white p-4 rounded-2xl border border-slate-200\/80 shadow-sm text-center\">\n                    <div class=\"text-xs font-semibold text-slate-400 uppercase tracking-wider\">Modern Frontier<\/div>\n                    <div class=\"text-xl font-bold text-brand-600 mt-1\">RWA Tokens<\/div>\n                    <div class=\"text-xs text-slate-500 mt-0.5\">Institutional Era<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7320536 e-con-full hx-wrap e-flex e-con e-parent\" data-id=\"7320536\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-09e31b7 elementor-widget elementor-widget-html\" data-id=\"09e31b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"hx bg-[#f8fafc] text-slate-800 font-sans antialiased\"><main class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pb-24\">\n        \n        <!-- Horizontal Stepper \/ Year Scrub Navigation -->\n        <div class=\"mb-14 overflow-x-auto pb-4 pt-4\">\n            <div class=\"flex items-center justify-between min-w-[700px] px-8 relative\">\n                <div class=\"absolute left-10 right-10 top-1\/2 -translate-y-1\/2 h-1 bg-slate-200 -z-0\"><\/div>\n                \n                <button onclick=\"scrollToCard('item-1')\" class=\"year-stepper group flex flex-col items-center z-10 focus:outline-none\" data-target=\"item-1\">\n                    <span class=\"w-9 h-9 rounded-full bg-white border-2 border-brand-600 text-brand-600 flex items-center justify-center font-bold text-xs shadow-md group-hover:scale-110 transition-transform\">18th<\/span>\n                    <span class=\"text-xs font-semibold text-slate-600 mt-2\">Gold Standard<\/span>\n                <\/button>\n\n                <button onclick=\"scrollToCard('item-2')\" class=\"year-stepper group flex flex-col items-center z-10 focus:outline-none\" data-target=\"item-2\">\n                    <span class=\"w-9 h-9 rounded-full bg-white border-2 border-slate-300 text-slate-600 flex items-center justify-center font-bold text-xs shadow-md group-hover:scale-110 group-hover:border-brand-600 transition-transform\">2000<\/span>\n                    <span class=\"text-xs font-semibold text-slate-600 mt-2\">Digital Token<\/span>\n                <\/button>\n\n                <button onclick=\"scrollToCard('item-3')\" class=\"year-stepper group flex flex-col items-center z-10 focus:outline-none\" data-target=\"item-3\">\n                    <span class=\"w-9 h-9 rounded-full bg-white border-2 border-slate-300 text-slate-600 flex items-center justify-center font-bold text-xs shadow-md group-hover:scale-110 group-hover:border-brand-600 transition-transform\">2001<\/span>\n                    <span class=\"text-xs font-semibold text-slate-600 mt-2\">Credit Security<\/span>\n                <\/button>\n\n                <button onclick=\"scrollToCard('item-4')\" class=\"year-stepper group flex flex-col items-center z-10 focus:outline-none\" data-target=\"item-4\">\n                    <span class=\"w-9 h-9 rounded-full bg-white border-2 border-slate-300 text-slate-600 flex items-center justify-center font-bold text-xs shadow-md group-hover:scale-110 group-hover:border-brand-600 transition-transform\">2008<\/span>\n                    <span class=\"text-xs font-semibold text-slate-600 mt-2\">Bitcoin<\/span>\n                <\/button>\n\n                <button onclick=\"scrollToCard('item-5')\" class=\"year-stepper group flex flex-col items-center z-10 focus:outline-none\" data-target=\"item-5\">\n                    <span class=\"w-9 h-9 rounded-full bg-white border-2 border-slate-300 text-slate-600 flex items-center justify-center font-bold text-xs shadow-md group-hover:scale-110 group-hover:border-brand-600 transition-transform\">2011<\/span>\n                    <span class=\"text-xs font-semibold text-slate-600 mt-2\">Altcoins<\/span>\n                <\/button>\n\n                <button onclick=\"scrollToCard('item-6')\" class=\"year-stepper group flex flex-col items-center z-10 focus:outline-none\" data-target=\"item-6\">\n                    <span class=\"w-9 h-9 rounded-full bg-white border-2 border-slate-300 text-slate-600 flex items-center justify-center font-bold text-xs shadow-md group-hover:scale-110 group-hover:border-brand-600 transition-transform\">2021<\/span>\n                    <span class=\"text-xs font-semibold text-slate-600 mt-2\">NFTs &amp; DeFi<\/span>\n                <\/button>\n\n                <button onclick=\"scrollToCard('item-7')\" class=\"year-stepper group flex flex-col items-center z-10 focus:outline-none\" data-target=\"item-7\">\n                    <span class=\"w-9 h-9 rounded-full bg-white border-2 border-slate-300 text-slate-600 flex items-center justify-center font-bold text-xs shadow-md group-hover:scale-110 group-hover:border-brand-600 transition-transform\">2022+<\/span>\n                    <span class=\"text-xs font-semibold text-slate-600 mt-2\">RWA Maturity<\/span>\n                <\/button>\n            <\/div>\n        <\/div>\n\n        <!-- Vertical Timeline Container -->\n        <div class=\"relative timeline-line space-y-12\" id=\"timelineContainer\">\n\n            <!-- Item 1: Gold-backed Currency -->\n            <div id=\"item-1\" class=\"timeline-card relative flex flex-col md:flex-row items-center justify-between group\">\n                <div class=\"w-full md:w-[45%] md:text-right pr-0 md:pr-8 mb-4 md:mb-0\">\n                    <div class=\"inline-flex items-center gap-1.5 px-3 py-1 rounded-full bg-amber-50 text-amber-700 text-xs font-bold border border-amber-200\/60 mb-2\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-lucide=\"coins\" aria-hidden=\"true\" class=\"lucide lucide-coins w-3.5 h-3.5\"><path d=\"M13.744 17.736a6 6 0 1 1-7.48-7.48\"><\/path><path d=\"M15 6h1v4\"><\/path><path d=\"m6.134 14.768.866-.5 2 3.464\"><\/path><circle cx=\"16\" cy=\"8\" r=\"6\"><\/circle><\/svg> Physical Asset Representation\n                    <\/div>\n                    <h3 class=\"text-2xl font-bold text-slate-900\">18th\u201319th centuries<\/h3>\n                    <p class=\"text-sm font-semibold text-brand-600 mt-0.5\">Gold-backed currency<\/p>\n                <\/div>\n\n                <!-- Center Badge -->\n                <div class=\"absolute left-6 md:left-50 -translate-x-1\/2 w-12 h-12 rounded-full bg-white border-4 border-brand-600 flex items-center justify-center text-brand-600 shadow-md z-10 group-hover:scale-110 transition-transform\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-lucide=\"landmark\" aria-hidden=\"true\" class=\"lucide lucide-landmark w-5 h-5\"><path d=\"M10 18v-7\"><\/path><path d=\"M11.119 2.205a2 2 0 0 1 1.762 0l7.84 3.846A.5.5 0 0 1 20.5 7h-17a.5.5 0 0 1-.22-.949z\"><\/path><path d=\"M14 18v-7\"><\/path><path d=\"M18 18v-7\"><\/path><path d=\"M3 22h18\"><\/path><path d=\"M6 18v-7\"><\/path><\/svg>\n                <\/div>\n\n                <div class=\"w-full md:w-[45%] pl-12 md:pl-8\">\n                    <div class=\"bg-white p-6 rounded-2xl border border-slate-200\/80 shadow-sm hover:shadow-md transition-shadow\">\n                        <ul class=\"space-y-3 text-slate-600 text-sm leading-relaxed\">\n                            <li class=\"flex items-start gap-2.5\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-lucide=\"check-circle-2\" aria-hidden=\"true\" class=\"lucide lucide-check-circle-2 w-4 h-4 text-brand-600 mt-0.5 shrink-0\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"m16 9-5.5 5.5L8 12\"><\/path><\/svg>\n                                <span>Banks used gold to back or support the value of paper money.<\/span>\n                            <\/li>\n                            <li class=\"flex items-start gap-2.5\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-lucide=\"check-circle-2\" aria-hidden=\"true\" class=\"lucide lucide-check-circle-2 w-4 h-4 text-brand-600 mt-0.5 shrink-0\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"m16 9-5.5 5.5L8 12\"><\/path><\/svg>\n                                <span>The paper note acted as a representation of the underlying gold, allowing people to exchange value without physically carrying gold.<\/span>\n                            <\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Item 2: Digital tokenization -->\n            <div id=\"item-2\" class=\"timeline-card relative flex flex-col md:flex-row-reverse items-center justify-between group\">\n                <div class=\"w-full md:w-[45%] md:text-left pl-0 md:pl-8 mb-4 md:mb-0\">\n                    <div class=\"inline-flex items-center gap-1.5 px-3 py-1 rounded-full bg-slate-100 text-slate-700 text-xs font-bold border border-slate-200 mb-2\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-lucide=\"shield-check\" aria-hidden=\"true\" class=\"lucide lucide-shield-check w-3.5 h-3.5\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"><\/path><path d=\"m9 12 2 2 4-4\"><\/path><\/svg> Data Security Architecture\n                    <\/div>\n                    <h3 class=\"text-2xl font-bold text-slate-900\">Early 2000s<\/h3>\n                    <p class=\"text-sm font-semibold text-brand-600 mt-0.5\">Digital tokenization<\/p>\n                <\/div>\n\n                <!-- Center Badge -->\n                <div class=\"absolute left-6 md:left-50 -translate-x-1\/2 w-12 h-12 rounded-full bg-white border-4 border-slate-300 group-hover:border-brand-600 flex items-center justify-center text-slate-700 group-hover:text-brand-600 shadow-md z-10 group-hover:scale-110 transition-transform\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-lucide=\"lock\" aria-hidden=\"true\" class=\"lucide lucide-lock w-5 h-5\"><rect width=\"18\" height=\"11\" x=\"3\" y=\"11\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"><\/path><\/svg>\n                <\/div>\n\n                <div class=\"w-full md:w-[45%] pr-0 md:pr-8 pl-12 md:pl-0\">\n                    <div class=\"bg-white p-6 rounded-2xl border border-slate-200\/80 shadow-sm hover:shadow-md transition-shadow\">\n                        <ul class=\"space-y-3 text-slate-600 text-sm leading-relaxed\">\n                            <li class=\"flex items-start gap-2.5\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-lucide=\"check-circle-2\" aria-hidden=\"true\" class=\"lucide lucide-check-circle-2 w-4 h-4 text-brand-600 mt-0.5 shrink-0\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"m16 9-5.5 5.5L8 12\"><\/path><\/svg>\n                                <span>Tokenization began being used as a data-security technique.<\/span>\n                            <\/li>\n                            <li class=\"flex items-start gap-2.5\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-lucide=\"check-circle-2\" aria-hidden=\"true\" class=\"lucide lucide-check-circle-2 w-4 h-4 text-brand-600 mt-0.5 shrink-0\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"m16 9-5.5 5.5L8 12\"><\/path><\/svg>\n                                <span>Sensitive information was replaced with non-sensitive tokens that could not easily be used to recover the original information.<\/span>\n                            <\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Item 3: Credit Card Data -->\n            <div id=\"item-3\" class=\"timeline-card relative flex flex-col md:flex-row items-center justify-between group\">\n                <div class=\"w-full md:w-[45%] md:text-right pr-0 md:pr-8 mb-4 md:mb-0\">\n                    <div class=\"inline-flex items-center gap-1.5 px-3 py-1 rounded-full bg-blue-50 text-blue-700 text-xs font-bold border border-blue-200\/60 mb-2\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-lucide=\"credit-card\" aria-hidden=\"true\" class=\"lucide lucide-credit-card w-3.5 h-3.5\"><rect width=\"20\" height=\"14\" x=\"2\" y=\"5\" rx=\"2\"><\/rect><line x1=\"2\" x2=\"22\" y1=\"10\" y2=\"10\"><\/line><path d=\"M6 14h2\"><\/path><\/svg> Commercial Payment Infrastructure\n                    <\/div>\n                    <h3 class=\"text-2xl font-bold text-slate-900\">2001<\/h3>\n                    <p class=\"text-sm font-semibold text-brand-600 mt-0.5\">Credit-card data tokenization<\/p>\n                <\/div>\n\n                <!-- Center Badge -->\n                <div class=\"absolute left-6 md:left-50 -translate-x-1\/2 w-12 h-12 rounded-full bg-white border-4 border-slate-300 group-hover:border-brand-600 flex items-center justify-center text-slate-700 group-hover:text-brand-600 shadow-md z-10 group-hover:scale-110 transition-transform\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-lucide=\"credit-card\" aria-hidden=\"true\" class=\"lucide lucide-credit-card w-5 h-5\"><rect width=\"20\" height=\"14\" x=\"2\" y=\"5\" rx=\"2\"><\/rect><line x1=\"2\" x2=\"22\" y1=\"10\" y2=\"10\"><\/line><path d=\"M6 14h2\"><\/path><\/svg>\n                <\/div>\n\n                <div class=\"w-full md:w-[45%] pl-12 md:pl-8\">\n                    <div class=\"bg-white p-6 rounded-2xl border border-slate-200\/80 shadow-sm hover:shadow-md transition-shadow\">\n                        <ul class=\"space-y-3 text-slate-600 text-sm leading-relaxed\">\n                            <li class=\"flex items-start gap-2.5\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-lucide=\"check-circle-2\" aria-hidden=\"true\" class=\"lucide lucide-check-circle-2 w-4 h-4 text-brand-600 mt-0.5 shrink-0\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"m16 9-5.5 5.5L8 12\"><\/path><\/svg>\n                                <span>Companies such as <strong>TrustCommerce<\/strong> used tokenization to protect credit-card information.<\/span>\n                            <\/li>\n                            <li class=\"flex items-start gap-2.5\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-lucide=\"check-circle-2\" aria-hidden=\"true\" class=\"lucide lucide-check-circle-2 w-4 h-4 text-brand-600 mt-0.5 shrink-0\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"m16 9-5.5 5.5L8 12\"><\/path><\/svg>\n                                <span>Instead of merchants storing customers' actual card information, they could store tokens representing that information.<\/span>\n                            <\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Item 4: Bitcoin -->\n            <div id=\"item-4\" class=\"timeline-card relative flex flex-col md:flex-row-reverse items-center justify-between group\">\n                <div class=\"w-full md:w-[45%] md:text-left pl-0 md:pl-8 mb-4 md:mb-0\">\n                    <div class=\"inline-flex items-center gap-1.5 px-3 py-1 rounded-full bg-amber-50 text-amber-800 text-xs font-bold border border-amber-200 mb-2\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-lucide=\"bitcoin\" aria-hidden=\"true\" class=\"lucide lucide-bitcoin w-3.5 h-3.5\"><path d=\"M11.767 19.089c4.924.868 6.14-6.025 1.216-6.894m-1.216 6.894L5.86 18.047m5.908 1.042-.347 1.97m1.563-8.864c4.924.869 6.14-6.025 1.215-6.893m-1.215 6.893-3.94-.694m5.155-6.2L8.29 4.26m5.908 1.042.348-1.97M7.48 20.364l3.126-17.727\"><\/path><\/svg> Peer-to-Peer Blockchain Breakthrough\n                    <\/div>\n                    <h3 class=\"text-2xl font-bold text-slate-900\">2008<\/h3>\n                    <p class=\"text-sm font-semibold text-brand-600 mt-0.5\">Bitcoin Whitepaper<\/p>\n                <\/div>\n\n                <!-- Center Badge -->\n                <div class=\"absolute left-6 md:left-50 -translate-x-1\/2 w-12 h-12 rounded-full bg-white border-4 border-amber-500 flex items-center justify-center text-amber-600 shadow-md z-10 group-hover:scale-110 transition-transform\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-lucide=\"cpu\" aria-hidden=\"true\" class=\"lucide lucide-cpu w-5 h-5\"><path d=\"M12 20v2\"><\/path><path d=\"M12 2v2\"><\/path><path d=\"M17 20v2\"><\/path><path d=\"M17 2v2\"><\/path><path d=\"M2 12h2\"><\/path><path d=\"M2 17h2\"><\/path><path d=\"M2 7h2\"><\/path><path d=\"M20 12h2\"><\/path><path d=\"M20 17h2\"><\/path><path d=\"M20 7h2\"><\/path><path d=\"M7 20v2\"><\/path><path d=\"M7 2v2\"><\/path><rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"><\/rect><rect x=\"8\" y=\"8\" width=\"8\" height=\"8\" rx=\"1\"><\/rect><\/svg>\n                <\/div>\n\n                <div class=\"w-full md:w-[45%] pr-0 md:pr-8 pl-12 md:pl-0\">\n                    <div class=\"bg-white p-6 rounded-2xl border border-slate-200\/80 shadow-sm hover:shadow-md transition-shadow border-l-4 border-l-amber-500\">\n                        <ul class=\"space-y-3 text-slate-600 text-sm leading-relaxed\">\n                            <li class=\"flex items-start gap-2.5\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-lucide=\"check-circle-2\" aria-hidden=\"true\" class=\"lucide lucide-check-circle-2 w-4 h-4 text-brand-600 mt-0.5 shrink-0\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"m16 9-5.5 5.5L8 12\"><\/path><\/svg>\n                                <span>In October 2008, someone using the name <strong>Satoshi Nakamoto<\/strong> published the Bitcoin whitepaper.<\/span>\n                            <\/li>\n                            <li class=\"flex items-start gap-2.5\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-lucide=\"check-circle-2\" aria-hidden=\"true\" class=\"lucide lucide-check-circle-2 w-4 h-4 text-brand-600 mt-0.5 shrink-0\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"m16 9-5.5 5.5L8 12\"><\/path><\/svg>\n                                <span>The whitepaper described a system for sending digital money directly between users without requiring a financial intermediary, like a bank.<\/span>\n                            <\/li>\n                            <li class=\"flex items-start gap-2.5\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-lucide=\"check-circle-2\" aria-hidden=\"true\" class=\"lucide lucide-check-circle-2 w-4 h-4 text-brand-600 mt-0.5 shrink-0\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"m16 9-5.5 5.5L8 12\"><\/path><\/svg>\n                                <span>Bitcoin used blockchain technology to maintain a shared record of transactions.<\/span>\n                            <\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Item 5: 2011 New Cryptocurrencies -->\n            <div id=\"item-5\" class=\"timeline-card relative flex flex-col md:flex-row items-center justify-between group\">\n                <div class=\"w-full md:w-[45%] md:text-right pr-0 md:pr-8 mb-4 md:mb-0\">\n                    <div class=\"inline-flex items-center gap-1.5 px-3 py-1 rounded-full bg-indigo-50 text-indigo-700 text-xs font-bold border border-indigo-200 mb-2\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-lucide=\"boxes\" aria-hidden=\"true\" class=\"lucide lucide-boxes w-3.5 h-3.5\"><path d=\"M2.97 12.92A2 2 0 0 0 2 14.63v3.24a2 2 0 0 0 .97 1.71l3 1.8a2 2 0 0 0 2.06 0L12 19v-5.5l-5-3-4.03 2.42Z\"><\/path><path d=\"m7 16.5-4.74-2.85\"><\/path><path d=\"m7 16.5 5-3\"><\/path><path d=\"M7 16.5v5.17\"><\/path><path d=\"M12 13.5V19l3.97 2.38a2 2 0 0 0 2.06 0l3-1.8a2 2 0 0 0 .97-1.71v-3.24a2 2 0 0 0-.97-1.71L17 10.5l-5 3Z\"><\/path><path d=\"m17 16.5-5-3\"><\/path><path d=\"m17 16.5 4.74-2.85\"><\/path><path d=\"M17 16.5v5.17\"><\/path><path d=\"M7.97 4.42A2 2 0 0 0 7 6.13v4.37l5 3 5-3V6.13a2 2 0 0 0-.97-1.71l-3-1.8a2 2 0 0 0-2.06 0l-3 1.8Z\"><\/path><path d=\"M12 8 7.26 5.15\"><\/path><path d=\"m12 8 4.74-2.85\"><\/path><path d=\"M12 13.5V8\"><\/path><\/svg> Protocol Diversification\n                    <\/div>\n                    <h3 class=\"text-2xl font-bold text-slate-900\">2011<\/h3>\n                    <p class=\"text-sm font-semibold text-brand-600 mt-0.5\">New Cryptocurrencies Created<\/p>\n                <\/div>\n\n                <!-- Center Badge -->\n                <div class=\"absolute left-6 md:left-50 -translate-x-1\/2 w-12 h-12 rounded-full bg-white border-4 border-slate-300 group-hover:border-brand-600 flex items-center justify-center text-slate-700 group-hover:text-brand-600 shadow-md z-10 group-hover:scale-110 transition-transform\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-lucide=\"coins\" aria-hidden=\"true\" class=\"lucide lucide-coins w-5 h-5\"><path d=\"M13.744 17.736a6 6 0 1 1-7.48-7.48\"><\/path><path d=\"M15 6h1v4\"><\/path><path d=\"m6.134 14.768.866-.5 2 3.464\"><\/path><circle cx=\"16\" cy=\"8\" r=\"6\"><\/circle><\/svg>\n                <\/div>\n\n                <div class=\"w-full md:w-[45%] pl-12 md:pl-8\">\n                    <div class=\"bg-white p-6 rounded-2xl border border-slate-200\/80 shadow-sm hover:shadow-md transition-shadow\">\n                        <p class=\"text-sm text-slate-600 mb-4\">\n                            New cryptocurrencies were created to expand functionality and digital asset utility:\n                        <\/p>\n                        <div class=\"grid grid-cols-3 gap-3\">\n                            <div class=\"p-3 bg-slate-50 rounded-xl border border-slate-100 text-center\">\n                                <span class=\"block text-xs font-bold text-slate-800\">Litecoin<\/span>\n                                <span class=\"text-[11px] text-slate-500\">2011<\/span>\n                            <\/div>\n                            <div class=\"p-3 bg-slate-50 rounded-xl border border-slate-100 text-center\">\n                                <span class=\"block text-xs font-bold text-slate-800\">Ripple<\/span>\n                                <span class=\"text-[11px] text-slate-500\">2012<\/span>\n                            <\/div>\n                            <div class=\"p-3 bg-slate-50 rounded-xl border border-slate-100 text-center\">\n                                <span class=\"block text-xs font-bold text-brand-600\">Ethereum<\/span>\n                                <span class=\"text-[11px] text-slate-500\">Smart Contracts<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Item 6: 2021 NFTs and DeFi -->\n            <div id=\"item-6\" class=\"timeline-card relative flex flex-col md:flex-row-reverse items-center justify-between group\">\n                <div class=\"w-full md:w-[45%] md:text-left pl-0 md:pl-8 mb-4 md:mb-0\">\n                    <div class=\"inline-flex items-center gap-1.5 px-3 py-1 rounded-full bg-emerald-50 text-emerald-700 text-xs font-bold border border-emerald-200 mb-2\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-lucide=\"sparkles\" aria-hidden=\"true\" class=\"lucide lucide-sparkles w-3.5 h-3.5\"><path d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"><\/path><path d=\"M20 2v4\"><\/path><path d=\"M22 4h-4\"><\/path><circle cx=\"4\" cy=\"20\" r=\"2\"><\/circle><\/svg> Programmable Asset Expansion\n                    <\/div>\n                    <h3 class=\"text-2xl font-bold text-slate-900\">2021<\/h3>\n                    <p class=\"text-sm font-semibold text-brand-600 mt-0.5\">NFTs &amp; DeFi<\/p>\n                <\/div>\n\n                <!-- Center Badge -->\n                <div class=\"absolute left-6 md:left-50 -translate-x-1\/2 w-12 h-12 rounded-full bg-white border-4 border-emerald-500 flex items-center justify-center text-emerald-600 shadow-md z-10 group-hover:scale-110 transition-transform\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-lucide=\"image\" aria-hidden=\"true\" class=\"lucide lucide-image w-5 h-5\"><rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" ry=\"2\"><\/rect><circle cx=\"9\" cy=\"9\" r=\"2\"><\/circle><path d=\"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21\"><\/path><\/svg>\n                <\/div>\n\n                <div class=\"w-full md:w-[45%] pr-0 md:pr-8 pl-12 md:pl-0\">\n                    <div class=\"bg-white p-6 rounded-2xl border border-slate-200\/80 shadow-sm hover:shadow-md transition-shadow\">\n                        <ul class=\"space-y-3 text-slate-600 text-sm leading-relaxed\">\n                            <li class=\"flex items-start gap-2.5\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-lucide=\"check-circle-2\" aria-hidden=\"true\" class=\"lucide lucide-check-circle-2 w-4 h-4 text-brand-600 mt-0.5 shrink-0\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"m16 9-5.5 5.5L8 12\"><\/path><\/svg>\n                                <span><strong>DeFi (decentralized finance)<\/strong> attempted to recreate financial services such as lending and trading using blockchain systems.<\/span>\n                            <\/li>\n                            <li class=\"flex items-start gap-2.5\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-lucide=\"check-circle-2\" aria-hidden=\"true\" class=\"lucide lucide-check-circle-2 w-4 h-4 text-brand-600 mt-0.5 shrink-0\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"m16 9-5.5 5.5L8 12\"><\/path><\/svg>\n                                <span><strong>NFTs (non-fungible tokens)<\/strong> became popular for representing unique digital items such as artwork, collectibles, and other assets.<\/span>\n                            <\/li>\n                            <li class=\"flex items-start gap-2.5\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-lucide=\"check-circle-2\" aria-hidden=\"true\" class=\"lucide lucide-check-circle-2 w-4 h-4 text-brand-600 mt-0.5 shrink-0\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"m16 9-5.5 5.5L8 12\"><\/path><\/svg>\n                                <span>These forms of tokenization brought the idea of crypto and other forms of currencies back to popularity after most cryptocurrencies failed or lost value in 2018\u20132020.<\/span>\n                            <\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Item 7: 2022 - present -->\n            <div id=\"item-7\" class=\"timeline-card relative flex flex-col md:flex-row items-center justify-between group\">\n                <div class=\"w-full md:w-[45%] md:text-right pr-0 md:pr-8 mb-4 md:mb-0\">\n                    <div class=\"inline-flex items-center gap-1.5 px-3 py-1 rounded-full bg-brand-50 text-brand-600 text-xs font-bold border border-brand-200 mb-2\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-lucide=\"building-2\" aria-hidden=\"true\" class=\"lucide lucide-building-2 w-3.5 h-3.5\"><path d=\"M10 12h4\"><\/path><path d=\"M10 8h4\"><\/path><path d=\"M14 21v-3a2 2 0 0 0-4 0v3\"><\/path><path d=\"M6 10H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-2\"><\/path><path d=\"M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16\"><\/path><\/svg> Real-World Asset (RWA) Era\n                    <\/div>\n                    <h3 class=\"text-2xl font-bold text-slate-900\">2022 \u2013 present<\/h3>\n                    <p class=\"text-sm font-semibold text-brand-600 mt-0.5\">Market Correction &amp; RWA Progress<\/p>\n                <\/div>\n\n                <!-- Center Badge -->\n                <div class=\"absolute left-6 md:left-50 -translate-x-1\/2 w-12 h-12 rounded-full bg-brand-600 border-4 border-white text-white flex items-center justify-center shadow-lg z-10 group-hover:scale-110 transition-transform\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-lucide=\"trending-up\" aria-hidden=\"true\" class=\"lucide lucide-trending-up w-5 h-5\"><path d=\"M16 7h6v6\"><\/path><path d=\"m22 7-8.5 8.5-5-5L2 17\"><\/path><\/svg>\n                <\/div>\n\n                <div class=\"w-full md:w-[45%] pl-12 md:pl-8\">\n                    <div class=\"bg-white p-6 rounded-2xl border border-brand-200 shadow-md hover:shadow-lg transition-shadow relative overflow-hidden\">\n                        <div class=\"absolute -right-8 -top-8 w-24 h-24 bg-brand-50 rounded-full opacity-50 -z-0\"><\/div>\n                        <ul class=\"space-y-3 text-slate-600 text-sm leading-relaxed relative z-10\">\n                            <li class=\"flex items-start gap-2.5\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-lucide=\"alert-circle\" aria-hidden=\"true\" class=\"lucide lucide-alert-circle w-4 h-4 text-amber-500 mt-0.5 shrink-0\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" x2=\"12\" y1=\"8\" y2=\"12\"><\/line><line x1=\"12\" x2=\"12.01\" y1=\"16\" y2=\"16\"><\/line><\/svg>\n                                <span>Cryptocurrency prices fell significantly.<\/span>\n                            <\/li>\n                            <li class=\"flex items-start gap-2.5\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-lucide=\"alert-circle\" aria-hidden=\"true\" class=\"lucide lucide-alert-circle w-4 h-4 text-amber-500 mt-0.5 shrink-0\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" x2=\"12\" y1=\"8\" y2=\"12\"><\/line><line x1=\"12\" x2=\"12.01\" y1=\"16\" y2=\"16\"><\/line><\/svg>\n                                <span>Major companies and projects failed, declaring bankruptcy.<\/span>\n                            <\/li>\n                            <li class=\"flex items-start gap-2.5\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-lucide=\"check-circle-2\" aria-hidden=\"true\" class=\"lucide lucide-check-circle-2 w-4 h-4 text-brand-600 mt-0.5 shrink-0\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"m16 9-5.5 5.5L8 12\"><\/path><\/svg>\n                                <span>At the same time, development of blockchain technology, stablecoins, tokenized assets, and other applications continued.<\/span>\n                            <\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n        <!-- Bottom CTA Banner -->\n        <div class=\"mt-20 bg-gradient-to-r from-brand-600 to-indigo-700 rounded-3xl p-8 sm:p-12 text-white shadow-xl flex flex-col md:flex-row items-center justify-between gap-8 relative overflow-hidden\">\n            <div class=\"absolute -right-12 -bottom-12 w-64 h-64 bg-white\/10 rounded-full blur-2xl pointer-events-none\"><\/div>\n            <div class=\"space-y-2 text-center md:text-left relative z-10\">\n                <h3 class=\"text-2xl sm:text-3xl font-bold\">Ready to explore tokenized assets?<\/h3>\n                <p class=\"text-blue-100 text-sm sm:text-base max-w-xl\">\n                    Discover fractional real estate, private equity, and institutional-grade assets traded transparently on Cryptorithmics.\n                <\/p>\n            <\/div>\n            <div class=\"flex items-center gap-4 relative z-10 shrink-0\">\n                <a href=\"#\" class=\"px-6 py-3 bg-white text-brand-600 font-bold rounded-full text-sm shadow-md hover:bg-blue-50 transition-colors\">\n                    Explore Market\n                <\/a>\n            <\/div>\n        <\/div>\n\n    <\/main><\/div><script>(function(){window.scrollToCard=function(id) {\n            const card = document.getElementById(id);\n            if (card) {\n                card.scrollIntoView({ behavior: 'smooth', block: 'center' });\n                \n                \/\/ Highlight active stepper\n                document.querySelectorAll('.year-stepper span:first-child').forEach(el => {\n                    el.classList.remove('border-brand-600', 'text-brand-600');\n                    el.classList.add('border-slate-300', 'text-slate-600');\n                });\n\n                const stepperBtn = document.querySelector(`.year-stepper[data-target=\"${id}\"] span:first-child`);\n                if(stepperBtn) {\n                    stepperBtn.classList.remove('border-slate-300', 'text-slate-600');\n                    stepperBtn.classList.add('border-brand-600', 'text-brand-600');\n                }\n            }\n        };})();<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-43","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/assetpx.com\/index.php\/wp-json\/wp\/v2\/pages\/43","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/assetpx.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/assetpx.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/assetpx.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/assetpx.com\/index.php\/wp-json\/wp\/v2\/comments?post=43"}],"version-history":[{"count":1,"href":"https:\/\/assetpx.com\/index.php\/wp-json\/wp\/v2\/pages\/43\/revisions"}],"predecessor-version":[{"id":44,"href":"https:\/\/assetpx.com\/index.php\/wp-json\/wp\/v2\/pages\/43\/revisions\/44"}],"wp:attachment":[{"href":"https:\/\/assetpx.com\/index.php\/wp-json\/wp\/v2\/media?parent=43"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}