/* W2-E1d: EN AI Chronicle. Tailwind utilities used by the _astro AiChroniclesEn island,
 * extracted from css/site.f6f5dbed.css (rules whose classes all occur in the island markup/JS)
 * and scoped to .ai-chronicles so they never touch the FE layer. Generated by scratchpad w2/en/d/gen_chron.py. */
.ai-chronicles{--cn-black: #0f1014;--cn-900: #181a1f;--cn-800: #26282e;--cn-700: #33363d;--cn-600: #474a52;--cn-500: #aeb4c2;--cn-400: #c3c8d3;--cn-300: #d7dbe4;--cn-200: #e5e8ee;--cn-100: #f1f3f7;--cn-50: #f8f9fb;--cn-25: #f5f5f5;--cn-white: #fff;--cb-900: #000d33;--cb-800: #00145c;--cb-700: #001f8a;--cb-600: #002bb5;--cb-500: #0057FF;--cb-400: #3378ff;--cb-300: #6699ff;--cb-200: #99baff;--cb-100: #ccdcff;--cb-50: #e6eeff;--cb-25: #f0f5ff;--cg-400: #4dff9f;--alpha-surface: #1b1f27;--alpha-surface-muted: #202633;--alpha-panel: #111722;--alpha-panel-soft: #151b26;--alpha-border: #333d4c;--alpha-blue-glow: rgba(0,87,255,.12);--site-grid-bg: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px), radial-gradient(900px circle at 18% 12%, rgba(0,87,255,.12), transparent 58%), var(--alpha-surface);--site-grid-size: 80px 80px, 80px 80px, auto, auto;--ff: "DM Sans", sans-serif;--ff-deco: "DM Sans", system-ui, sans-serif;--fw-light: 300;--fw-medium: 500;--ls-xxl: -1.75px;--ls-xl: -1.25px;--ls-l: -.75px;--ls-m: -.5px;--ls-s: -.25px;--dur: .3s;--dur-slow: .6s;--anim-dur: .3s;--anim-dur-slow: .6s;--max-w: 1280px;--section-pad: 100px;--c_neutral--white: #fff;--c_neutral--300: #d7dbe4;--c_neutral--900: #181a1f;--c_brand--200: #99baff;--c_brand--500: #0057FF;--c_success--400: #4dff9f;--animations_duration: .3s;--animations_duration--fast: .2s;--ui-border: var(--alpha-border);--ui-panel: var(--alpha-panel);--ui-panel-2: var(--alpha-surface-muted);--ui-blue: var(--cb-500);--ui-blue-soft: rgba(0, 87, 255, .18);--ui-glow: 0 18px 56px rgba(0, 87, 255, .12), 0 10px 30px rgba(0, 0, 0, .24);--ui-ease: cubic-bezier(.2, .8, .2, 1);font-family:"DM Sans",sans-serif;color:#fff}
.ai-chronicles *,.ai-chronicles :before,.ai-chronicles :after{border:0 solid}
.ai-chronicles button{background:none;padding:0;margin:0;line-height:inherit;text-align:inherit;cursor:pointer}
.ai-chronicles table{border-collapse:collapse;text-indent:0;border-color:inherit}
.ai-chronicles th{font-weight:inherit}
.ai-chronicles h2,.ai-chronicles h3,.ai-chronicles h4,.ai-chronicles p{margin:0;font-size:inherit;font-weight:inherit}
.ai-chronicles ul,.ai-chronicles ol{list-style:none;margin:0;padding:0}
.ai-chronicles svg{display:block;vertical-align:middle}
.ai-chronicles a{color:inherit}

.ai-chronicles .bento-card{border-radius:1rem;padding:1.5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s;transition-timing-function:cubic-bezier(.16,1,.3,1)}
.ai-chronicles .bento-card:hover{transform:translateY(-3px)}
.ai-chronicles .reveal-section.visible{opacity:1;transform:translateY(0)}
.ai-chronicles .stagger-children.visible>*:nth-child(1){transition-delay:.1s}
.ai-chronicles .stagger-children.visible>*:nth-child(2){transition-delay:.25s}
.ai-chronicles .stagger-children.visible>*:nth-child(3){transition-delay:.4s}
.ai-chronicles .stagger-children.visible>*:nth-child(4){transition-delay:.55s}
.ai-chronicles .stagger-children.visible>*:nth-child(5){transition-delay:.7s}
.ai-chronicles .stagger-children.visible>*:nth-child(6){transition-delay:.85s}
.ai-chronicles .stagger-children.visible>*:nth-child(7){transition-delay:1s}
.ai-chronicles .stagger-children.visible>*:nth-child(8){transition-delay:1.15s}
.ai-chronicles .stagger-children.visible>*:nth-child(9){transition-delay:1.3s}
.ai-chronicles .stagger-children.visible>*:nth-child(10){transition-delay:1.45s}
.ai-chronicles .stagger-children.visible>*:nth-child(11){transition-delay:1.6s}
.ai-chronicles .stagger-children.visible>*:nth-child(12){transition-delay:1.75s}
.ai-chronicles .stagger-children.visible>*:nth-child(13){transition-delay:1.9s}
.ai-chronicles .stagger-children.visible>*:nth-child(14){transition-delay:2.05s}
.ai-chronicles .stagger-children.visible>*:nth-child(15){transition-delay:2.2s}
.ai-chronicles .stagger-children.visible>*:nth-child(16){transition-delay:2.35s}
.ai-chronicles .stagger-children.visible>*{opacity:1;transform:translateY(0)}
.ai-chronicles .btn-magnetic{position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.16,1,.3,1)}
.ai-chronicles .btn-magnetic:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .3s}
.ai-chronicles .btn-magnetic:hover:before{opacity:1}
.ai-chronicles .visible{visibility:visible}
.ai-chronicles .collapse{visibility:collapse}
.ai-chronicles .absolute{position:absolute}
.ai-chronicles .relative{position:relative}
.ai-chronicles .sticky{position:sticky}
.ai-chronicles .bottom-0{bottom:0}
.ai-chronicles .left-1\/2{left:50%}
.ai-chronicles .left-\[-22px\]{left:-22px}
.ai-chronicles .left-\[-26px\]{left:-26px}
.ai-chronicles .left-\[5px\]{left:5px}
.ai-chronicles .right-\[-26px\]{right:-26px}
.ai-chronicles .top-0{top:0}
.ai-chronicles .top-3{top:.75rem}
.ai-chronicles .top-\[56px\]{top:56px}
.ai-chronicles .z-10{z-index:10}
.ai-chronicles .z-30{z-index:30}
.ai-chronicles .-mx-6{margin-left:-1.5rem;margin-right:-1.5rem}
.ai-chronicles .mx-1{margin-left:.25rem;margin-right:.25rem}
.ai-chronicles .mx-auto{margin-left:auto;margin-right:auto}
.ai-chronicles .mb-1{margin-bottom:.25rem}
.ai-chronicles .mb-10{margin-bottom:2.5rem}
.ai-chronicles .mb-3{margin-bottom:.75rem}
.ai-chronicles .mb-4{margin-bottom:1rem}
.ai-chronicles .mb-6{margin-bottom:1.5rem}
.ai-chronicles .mb-8{margin-bottom:2rem}
.ai-chronicles .ml-1{margin-left:.25rem}
.ai-chronicles .ml-2{margin-left:.5rem}
.ai-chronicles .mt-1{margin-top:.25rem}
.ai-chronicles .mt-2{margin-top:.5rem}
.ai-chronicles .mt-2\.5{margin-top:.625rem}
.ai-chronicles .mt-6{margin-top:1.5rem}
.ai-chronicles .line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.ai-chronicles .block{display:block}
.ai-chronicles .flex{display:flex}
.ai-chronicles .inline-flex{display:inline-flex}
.ai-chronicles .table{display:table}
.ai-chronicles .grid{display:grid}
.ai-chronicles .hidden{display:none}
.ai-chronicles .h-2\.5{height:.625rem}
.ai-chronicles .h-3{height:.75rem}
.ai-chronicles .max-h-0{max-height:0px}
.ai-chronicles .w-12{width:3rem}
.ai-chronicles .w-2\.5{width:.625rem}
.ai-chronicles .w-3{width:.75rem}
.ai-chronicles .w-full{width:100%}
.ai-chronicles .w-px{width:1px}
.ai-chronicles .min-w-\[600px\]{min-width:600px}
.ai-chronicles .min-w-\[700px\]{min-width:700px}
.ai-chronicles .max-w-2xl{max-width:42rem}
.ai-chronicles .max-w-\[1000px\]{max-width:1000px}
.ai-chronicles .max-w-\[1340px\]{max-width:1340px}
.ai-chronicles .max-w-\[860px\]{max-width:860px}
.ai-chronicles .max-w-\[960px\]{max-width:960px}
.ai-chronicles .max-w-full{max-width:100%}
.ai-chronicles .max-w-lg{max-width:32rem}
.ai-chronicles .max-w-xl{max-width:36rem}
.ai-chronicles .flex-1{flex:1 1 0%}
.ai-chronicles .flex-shrink-0,.ai-chronicles .shrink-0{flex-shrink:0}
.ai-chronicles .-translate-x-px{--tw-translate-x: -1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.ai-chronicles .cursor-pointer{cursor:pointer}
.ai-chronicles .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.ai-chronicles .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ai-chronicles .flex-col{flex-direction:column}
.ai-chronicles .flex-wrap{flex-wrap:wrap}
.ai-chronicles .items-start{align-items:flex-start}
.ai-chronicles .items-center{align-items:center}
.ai-chronicles .justify-center{justify-content:center}
.ai-chronicles .justify-between{justify-content:space-between}
.ai-chronicles .gap-0{gap:0px}
.ai-chronicles .gap-1{gap:.25rem}
.ai-chronicles .gap-1\.5{gap:.375rem}
.ai-chronicles .gap-2{gap:.5rem}
.ai-chronicles .gap-3{gap:.75rem}
.ai-chronicles .gap-4{gap:1rem}
.ai-chronicles .gap-6{gap:1.5rem}
.ai-chronicles .space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}
.ai-chronicles .overflow-hidden{overflow:hidden}
.ai-chronicles .overflow-x-auto{overflow-x:auto}
.ai-chronicles .whitespace-nowrap{white-space:nowrap}
.ai-chronicles .rounded-2xl{border-radius:1rem}
.ai-chronicles .rounded-full{border-radius:9999px}
.ai-chronicles .rounded-md{border-radius:.375rem}
.ai-chronicles .rounded-xl{border-radius:.75rem}
.ai-chronicles .border{border-width:1px}
.ai-chronicles .border-b{border-bottom-width:1px}
.ai-chronicles .border-b-2{border-bottom-width:2px}
.ai-chronicles .border-l-4{border-left-width:4px}
.ai-chronicles .border-t{border-top-width:1px}
.ai-chronicles .border-\[var\(--cn-700\)\]{border-color:var(--cn-700)}
.ai-chronicles .border-l-\[var\(--c_brand--200\)\]{border-left-color:var(--c brand--200)}
.ai-chronicles .border-l-\[var\(--c_brand--500\)\]{border-left-color:var(--c brand--500)}
.ai-chronicles .border-l-\[var\(--cg-400\)\]{border-left-color:var(--cg-400)}
.ai-chronicles .border-l-\[var\(--cn-500\)\]{border-left-color:var(--cn-500)}
.ai-chronicles .bg-\[var\(--c_brand--200\)\]{background-color:var(--c brand--200)}
.ai-chronicles .bg-\[var\(--c_brand--500\)\]{background-color:var(--c brand--500)}
.ai-chronicles .bg-\[var\(--cg-400\)\]{background-color:var(--cg-400)}
.ai-chronicles .bg-\[var\(--cn-500\)\]{background-color:var(--cn-500)}
.ai-chronicles .bg-\[var\(--cn-800\)\]{background-color:var(--cn-800)}
.ai-chronicles .bg-\[var\(--cn-900\)\]{background-color:var(--cn-900)}
.ai-chronicles .p-4{padding:1rem}
.ai-chronicles .p-6{padding:1.5rem}
.ai-chronicles .px-1\.5{padding-left:.375rem;padding-right:.375rem}
.ai-chronicles .px-3{padding-left:.75rem;padding-right:.75rem}
.ai-chronicles .px-4{padding-left:1rem;padding-right:1rem}
.ai-chronicles .px-6{padding-left:1.5rem;padding-right:1.5rem}
.ai-chronicles .px-8{padding-left:2rem;padding-right:2rem}
.ai-chronicles .py-0\.5{padding-top:.125rem;padding-bottom:.125rem}
.ai-chronicles .py-1\.5{padding-top:.375rem;padding-bottom:.375rem}
.ai-chronicles .py-12{padding-top:3rem;padding-bottom:3rem}
.ai-chronicles .py-16{padding-top:4rem;padding-bottom:4rem}
.ai-chronicles .py-2\.5{padding-top:.625rem;padding-bottom:.625rem}
.ai-chronicles .py-3{padding-top:.75rem;padding-bottom:.75rem}
.ai-chronicles .py-3\.5{padding-top:.875rem;padding-bottom:.875rem}
.ai-chronicles .py-8{padding-top:2rem;padding-bottom:2rem}
.ai-chronicles .pb-3{padding-bottom:.75rem}
.ai-chronicles .pl-4{padding-left:1rem}
.ai-chronicles .pl-6{padding-left:1.5rem}
.ai-chronicles .pt-1{padding-top:.25rem}
.ai-chronicles .text-left{text-align:left}
.ai-chronicles .text-center{text-align:center}
.ai-chronicles .text-right{text-align:right}
.ai-chronicles .font-body,.ai-chronicles .font-display{font-family:DM Sans,system-ui,sans-serif}
.ai-chronicles .font-mono{font-family:SF Mono,Fira Code,Cascadia Code,ui-monospace,monospace}
.ai-chronicles .text-2xl{font-size:1.5625rem;line-height:2.1rem}
.ai-chronicles .text-3xl{font-size:2.0625rem;line-height:2.45rem}
.ai-chronicles .text-\[0\.65rem\]{font-size:.65rem}
.ai-chronicles .text-\[0\.6rem\]{font-size:.6rem}
.ai-chronicles .text-base{font-size:1.0625rem;line-height:1.65rem}
.ai-chronicles .text-lg{font-size:1.1875rem;line-height:1.75rem}
.ai-chronicles .text-sm{font-size:.9375rem;line-height:1.375rem}
.ai-chronicles .text-xl{font-size:1.3125rem;line-height:1.85rem}
.ai-chronicles .text-xs{font-size:.8125rem;line-height:1.15rem}
.ai-chronicles .font-bold{font-weight:700}
.ai-chronicles .font-medium{font-weight:500}
.ai-chronicles .font-semibold{font-weight:600}
.ai-chronicles .uppercase{text-transform:uppercase}
.ai-chronicles .leading-relaxed{line-height:1.625}
.ai-chronicles .leading-snug{line-height:1.375}
.ai-chronicles .tracking-\[0\.25em\]{letter-spacing:.25em}
.ai-chronicles .tracking-tight{letter-spacing:-.025em}
.ai-chronicles .tracking-wider{letter-spacing:.05em}
.ai-chronicles .text-\[var\(--c_brand--200\)\]{color:var(--c brand--200)}
.ai-chronicles .text-\[var\(--cg-400\)\]{color:var(--cg-400)}
.ai-chronicles .text-\[var\(--cn-300\)\]{color:var(--cn-300)}
.ai-chronicles .text-\[var\(--cn-white\)\]{color:var(--cn-white)}
.ai-chronicles .underline{text-decoration-line:underline}
.ai-chronicles .underline-offset-2{text-underline-offset:2px}
.ai-chronicles .opacity-0{opacity:0}
.ai-chronicles .opacity-60{opacity:.6}
.ai-chronicles .shadow-\[0_4px_20px_rgba\(0\,0\,0\,0\.4\)\]{--tw-shadow: 0 4px 20px rgba(0,0,0,.4);--tw-shadow-colored: 0 4px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}
.ai-chronicles .ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}
.ai-chronicles .ring-\[3px\]{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}
.ai-chronicles .ring-\[var\(--cn-800\)\]{--tw-ring-color: var(--cn-800)}
.ai-chronicles .ring-red-200\/30{--tw-ring-color: rgb(254 202 202 / .3)}
.ai-chronicles .backdrop-blur-md{--tw-backdrop-blur: blur(12px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}
.ai-chronicles .transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
.ai-chronicles .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}
.ai-chronicles .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
.ai-chronicles .duration-300{transition-duration:.3s}
.ai-chronicles .ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}
.ai-chronicles .hover\:border-\[var\(--cn-600\)\]:hover{border-color:var(--cn-600)}
.ai-chronicles .hover\:bg-\[var\(--c_brand--500\)\]:hover{background-color:var(--c brand--500)}
.ai-chronicles .hover\:text-\[var\(--c_brand--200\)\]:hover{color:var(--c brand--200)}
.ai-chronicles .hover\:shadow-\[0_4px_20px_rgba\(0\,0\,0\,0\.4\)\]:hover{--tw-shadow: 0 4px 20px rgba(0,0,0,.4);--tw-shadow-colored: 0 4px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}
.ai-chronicles .hover\:shadow-sm:hover{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}
@media(min-width:640px){.ai-chronicles .sm\:inline{display:inline}}
@media(min-width:768px){.ai-chronicles .md\:col-span-2{grid-column:span 2 / span 2}.ai-chronicles .md\:mx-0{margin-left:0;margin-right:0}.ai-chronicles .md\:mb-2{margin-bottom:.5rem}.ai-chronicles .md\:mb-8{margin-bottom:2rem}.ai-chronicles .md\:block{display:block}.ai-chronicles .md\:hidden{display:none}.ai-chronicles .md\:w-\[calc\(50\%-20px\)\]{width:calc(50% - 20px)}.ai-chronicles .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-chronicles .md\:items-center{align-items:center}.ai-chronicles .md\:gap-2{gap:.5rem}.ai-chronicles .md\:gap-4{gap:1rem}.ai-chronicles .md\:gap-6{gap:1.5rem}.ai-chronicles .md\:self-start{align-self:flex-start}.ai-chronicles .md\:self-end{align-self:flex-end}.ai-chronicles .md\:p-8{padding:2rem}.ai-chronicles .md\:px-0{padding-left:0;padding-right:0}.ai-chronicles .md\:px-10{padding-left:2.5rem;padding-right:2.5rem}.ai-chronicles .md\:px-4{padding-left:1rem;padding-right:1rem}.ai-chronicles .md\:py-12{padding-top:3rem;padding-bottom:3rem}.ai-chronicles .md\:py-16{padding-top:4rem;padding-bottom:4rem}.ai-chronicles .md\:py-2{padding-top:.5rem;padding-bottom:.5rem}.ai-chronicles .md\:py-24{padding-top:6rem;padding-bottom:6rem}.ai-chronicles .md\:py-3{padding-top:.75rem;padding-bottom:.75rem}.ai-chronicles .md\:pb-4{padding-bottom:1rem}.ai-chronicles .md\:pl-0{padding-left:0}.ai-chronicles .md\:pl-8{padding-left:2rem}.ai-chronicles .md\:pr-8{padding-right:2rem}.ai-chronicles .md\:text-2xl{font-size:1.5625rem;line-height:2.1rem}.ai-chronicles .md\:text-3xl{font-size:2.0625rem;line-height:2.45rem}.ai-chronicles .md\:text-6xl{font-size:4.125rem;line-height:4.3rem}.ai-chronicles .md\:text-base{font-size:1.0625rem;line-height:1.65rem}.ai-chronicles .md\:text-sm{font-size:.9375rem;line-height:1.375rem}.ai-chronicles .md\:text-xs{font-size:.8125rem;line-height:1.15rem}}
.ai-chronicles .h2{font-size:72px;line-height:80px;letter-spacing:var(--ls-xxl);font-weight:var(--fw-medium)}
.ai-chronicles .h3{font-size:60px;line-height:66px;letter-spacing:var(--ls-xl);font-weight:var(--fw-medium)}
.ai-chronicles .numbers{background:var(--cn-black);border-bottom:1px solid var(--cn-800);padding:var(--section-pad) 0;color:var(--cn-white)}
.ai-chronicles .reveal-section.visible{opacity:1;transform:none}
.ai-chronicles .stagger-children.visible>*{opacity:1;transform:none}
.ai-chronicles .stagger-children.visible>*:nth-child(1){transition-delay:0s}
.ai-chronicles .stagger-children.visible>*:nth-child(2){transition-delay:.08s}
.ai-chronicles .stagger-children.visible>*:nth-child(3){transition-delay:.16s}
.ai-chronicles .stagger-children.visible>*:nth-child(4){transition-delay:.24s}
.ai-chronicles .stagger-children.visible>*:nth-child(5){transition-delay:.32s}
.ai-chronicles .stagger-children.visible>*:nth-child(6){transition-delay:.4s}
.ai-chronicles .stagger-children.visible>*:nth-child(7){transition-delay:.48s}
.ai-chronicles .stagger-children.visible>*:nth-child(8){transition-delay:.56s}
@media(max-width:768px){.ai-chronicles .h2{font-size:clamp(1.6rem,7vw,2.5rem);line-height:1.15}.ai-chronicles .h3{font-size:40px;line-height:48px}}
.ai-chronicles [style*="color:rgba(255,255,255,0.5)"],.ai-chronicles [style*="color: rgba(255,255,255,0.5)"],.ai-chronicles [style*="color:rgba(255,255,255,0.6)"],.ai-chronicles [style*="color: rgba(255,255,255,0.6)"],.ai-chronicles .text-\[var\(--cn-300\)\]{color:var(--cn-200)!important}
.ai-chronicles .numbers{background-color:var(--alpha-surface)!important;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px)!important;background-size:80px 80px,80px 80px!important;background-position:center top!important}
.ai-chronicles .numbers{border-color:var(--alpha-border)!important}
.ai-chronicles .bento-card{background:var(--alpha-panel)!important;border-color:var(--alpha-border)!important}
.ai-chronicles,.ai-chronicles>div,.ai-chronicles>section,.ai-chronicles .reveal-section{background:var(--alpha-surface)!important;color:var(--cn-white)}
.ai-chronicles>div,.ai-chronicles>section,.ai-chronicles .reveal-section{border-bottom:1px solid var(--ui-border)}
.ai-chronicles .reveal-section,.ai-chronicles .stagger-children>*{opacity:1!important;transform:none!important}
.ai-chronicles [class*="bg-[var(--cn-900)]"],.ai-chronicles [class*="bg-[var(--cn-800)]"]{background:var(--ui-panel)!important}
.ai-chronicles [class*="border-[var(--cn-700)]"],.ai-chronicles [class*="border-[var(--cn-800)]"]{border-color:var(--ui-border)!important}
.ai-chronicles [class*=rounded-xl],.ai-chronicles [class*=rounded-2xl],.ai-chronicles [class*=rounded-md],.ai-chronicles button,.ai-chronicles a{border-radius:0!important}
.ai-chronicles button,.ai-chronicles a{transition:background var(--dur) var(--ui-ease),border-color var(--dur) var(--ui-ease),color var(--dur) var(--ui-ease),transform var(--dur) var(--ui-ease),box-shadow var(--dur) var(--ui-ease)}
.ai-chronicles button:hover,.ai-chronicles a:hover{border-color:#0057ff8c!important}
.ai-chronicles>div:first-child{background:var(--ui-panel)!important;border-bottom:1px solid var(--ui-border)}
.ai-chronicles>div:first-child .mx-auto{max-width:none!important;padding:0!important}
.ai-chronicles>div:first-child .grid{background:var(--ui-border);gap:1px!important;grid-template-columns:repeat(3,minmax(0,1fr))}
.ai-chronicles>div:first-child .bento-card{align-items:center;background:var(--ui-panel)!important;border:0!important;display:flex;flex-direction:column;justify-content:center;min-height:clamp(140px,13vw,190px);padding:clamp(24px,4vw,44px)!important}
.ai-chronicles>div:first-child .bento-card:hover{transform:none}
.ai-chronicles .sticky{background:#111722f5!important;border-bottom:1px solid var(--ui-border)!important;border-top:1px solid var(--ui-border);padding:0!important;top:64px}
.ai-chronicles .sticky>div{flex-wrap:nowrap!important;gap:1px!important;justify-content:flex-start!important;max-width:none!important;overflow-x:auto;padding:0!important}
.ai-chronicles .sticky button{background:var(--ui-panel)!important;border:0!important;border-right:1px solid var(--ui-border)!important;color:var(--cn-200)!important;min-height:48px;padding:12px 18px!important}
.ai-chronicles .sticky button:hover{background:var(--ui-panel-2)!important;color:var(--cn-white)!important;transform:none}
.ai-chronicles table{background:var(--ui-panel);border:1px solid var(--ui-border)}
.ai-chronicles th,.ai-chronicles td{border-color:var(--ui-border)!important}
.ai-chronicles section:last-child a[href="/kontakt/"]{background:var(--cn-white)!important;border:1px solid var(--cn-white)!important;color:var(--cb-500)!important;display:inline-flex;font-weight:600;min-height:48px;padding:13px 24px!important;text-decoration:none}
.ai-chronicles section:last-child a[href="/kontakt/"]:after{content:"↗";font-size:.9em;transition:transform var(--dur) var(--ui-ease)}
.ai-chronicles section:last-child a[href="/kontakt/"]:hover{background:var(--ui-panel-2)!important;border-color:#0057ff8c!important;color:var(--cn-white)!important}
.ai-chronicles section:last-child a[href="/kontakt/"]:hover:after{transform:translate(2px,-2px)}
.ai-chronicles section:last-child a[href="/kontakt/"]:after{content:"↗"}

/* ---- FE palette remap for the island (hand-written) ---- */
.ai-chronicles{--alpha-surface:#0a0c10;--alpha-surface-muted:#161b26;--alpha-panel:#12161f;--alpha-panel-soft:#0f131b;--alpha-border:rgba(255,255,255,.08);--ui-border:rgba(255,255,255,.08);--ui-panel:#12161f;--ui-panel-2:#161b26;--cn-900:#12161f;--cn-800:#0f131b;--cn-700:#33363d;--cn-300:#c3c8d3}
.ai-chronicles [class*=rounded-xl]{border-radius:14px!important}
.ai-chronicles [class*=rounded-2xl]{border-radius:20px!important}
.ai-chronicles [class*=rounded-md]{border-radius:8px!important}
.ai-chronicles .rounded-full{border-radius:999px!important}
.ai-chronicles .sticky button{border-radius:0!important}
.ai-chronicles table{border-radius:0}
.ai-chronicles button:focus-visible,.ai-chronicles a:focus-visible{outline:2px solid #99baff;outline-offset:2px}

/* ---- page shell ---- */
.pec-lede{max-width:780px}
.pec-shell{position:relative;border-top:1px solid rgba(255,255,255,.07)}
.pec-about{padding-top:clamp(56px,7vw,100px)}
.pec-about__card{max-width:980px;gap:18px}
.pec-about__card strong{color:#fff;font-weight:600}
.pec-cta .fe-cta__badge{margin:0;letter-spacing:.08em;text-transform:uppercase;font-size:13px}
.pec-cta__btns{justify-content:center}
.pec-cta .pec-cta__ghost{color:#fff;border-color:rgba(255,255,255,.4)}
.pec-cta .pec-cta__ghost:hover{background:rgba(255,255,255,.12);color:#fff}
/* sticky era bar sits below the floating fe-nav pill (12px + 60px) and moves up when the nav hides */
.ai-chronicles .sticky{top:84px;transition:top .3s cubic-bezier(.23,1,.32,1)}
html:has(.fe-nav.is-hidden) .ai-chronicles .sticky,html:has(.hm-island.is-hidden) .ai-chronicles .sticky{top:0}
@media(prefers-reduced-motion:reduce){.ai-chronicles .sticky{transition:none}}