:root{--ex-sidebar-width: 17.5rem}html{overflow-x:hidden;height:100%}body.ex-body{min-height:100vh;background:var(--color-surface-neutral-50, #f8f9fb);overflow-x:hidden;max-width:100vw;height:100%}.ex-layout{display:grid;grid-template-columns:var(--ex-sidebar-width) 1fr;gap:var(--space-l);max-width:100vw;min-height:100vh;align-items:start}@media(max-width: 960px){.ex-layout{grid-template-columns:1fr;gap:0;padding-top:3.5rem}}.ex-sidebar{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;overflow:hidden;padding:var(--space-l) var(--space-m);background:var(--color-card-bg, #fff);border-right:var(--border-width-thin) solid var(--color-card-border, #e5e7eb)}@media(max-width: 960px){.ex-sidebar{position:fixed;top:0;left:0;height:100dvh;width:min(84vw,20rem);transform:translateX(-100%);transition:transform 240ms ease;z-index:1000;border-right:var(--border-width-thin) solid var(--color-card-border, #e5e7eb);border-bottom:none;overflow-y:auto;overflow-x:hidden}}body.ex-mobile-open .ex-sidebar{transform:translateX(0)}.ex-brand{display:flex;align-items:center;gap:var(--space-s);margin-bottom:var(--space-l)}.ex-nav{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;min-height:0;-webkit-overflow-scrolling:touch}.ex-nav h4{margin:var(--space-m) 0 var(--space-xs);font-size:var(--font-size-s);color:var(--color-text-neutral-600, #64748b);text-transform:uppercase;letter-spacing:.06em}.ex-nav h4.ex-toggle{display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none}.ex-nav h4.ex-toggle::after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;font-size:.875em;color:var(--color-text-neutral-500, #94a3b8);transition:transform 200ms ease}.ex-nav h4.ex-toggle[aria-expanded=false]::after{transform:rotate(-90deg)}.ex-nav ul{list-style:none;padding:0;margin:0}.ex-nav ul.ex-collapsible{overflow:hidden;max-height:50rem;transition:max-height 240ms ease}.ex-nav ul.ex-collapsible.is-collapsed{max-height:0}.ex-nav li{margin-bottom:var(--space-2xs)}.ex-nav a{display:block;padding:var(--space-xs) var(--space-s);border-radius:var(--radius-m);color:var(--color-text-neutral-800, #1f2937);text-decoration:none;transition:background 160ms ease,color 160ms ease,transform 160ms ease;text-decoration:none !important}.ex-nav a:hover,.ex-nav a.ex-active{background:var(--color-surface-primary-50);color:var(--color-text-primary-700)}.ex-content{position:relative;padding:var(--space-l) var(--space-l);max-width:100%;overflow-x:hidden;min-width:0}.ex-content:before{content:"";position:fixed;display:block;width:100vw;height:100vh;inset:0;z-index:-1;pointer-events:none;filter:blur(3.5rem) saturate(120%);background:radial-gradient(37.5rem 22.5rem at 38% 0%, rgba(123, 47, 247, 0.2) 0%, transparent 50%),radial-gradient(26.25rem 16.25rem at 70% 55%, rgba(0, 201, 255, 0.1) 0%, transparent 100%),radial-gradient(22.5rem 12.5rem at 29% 99%, rgba(184, 146, 255, 0.1) 0%, transparent 100%),radial-gradient(22.5rem 12.5rem at 89% 100%, rgba(146, 255, 195, 0.3) 0%, transparent 100%),radial-gradient(37.5rem 22.5rem at 28% 101%, rgba(123, 47, 247, 0.1) 0%, transparent 100%),radial-gradient(26.25rem 16.25rem at 100% 0%, rgba(0, 201, 255, 0.3) 0%, transparent 100%)}.ex-content .cover-wrap{min-height:30vh;display:grid;place-items:center;position:relative;padding-bottom:var(--space-l)}.ex-content .cover-hero{position:relative;z-index:2;width:100%;max-width:68.75rem;padding:8vh 1.75rem;box-sizing:border-box}.ex-content .cover-content{position:relative;z-index:3;text-align:center}.ex-content .cover-title{font-size:clamp(2.25rem,8.25vw,5.25rem);line-height:.95;margin:0 0 .625rem;font-weight:700;letter-spacing:-0.02em;background:linear-gradient(90deg, var(--color-primary-700, #7a2ff7), var(--color-primary-500, #4fb0ff));-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0);display:inline-block;padding:0 .375rem}.ex-content .cover-underline{height:.375rem;width:44%;margin:1.125rem auto;border-radius:.375rem;background:linear-gradient(90deg, rgba(122, 47, 247, 0.95), rgba(79, 176, 255, 0.95));box-shadow:0 .375rem 1.125rem rgba(79,176,255,.08)}.ex-content .cover-sub{color:var(--color-neutral-600, #64748b);font-size:1.05rem;margin-top:1.125rem;max-width:42.5rem;margin-left:auto;margin-right:auto}.ex-content .cover-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-s, 0.75rem);margin-top:1.5rem}.ex-content .cover-dots{display:flex;gap:1.125rem;justify-content:center;align-items:center;margin-top:2.125rem}.ex-content .cover-dots .dot{width:2.75rem;height:2.75rem;border-radius:50%;box-shadow:0 .5rem 1.125rem rgba(0,0,0,.12);border:.125rem solid hsla(0,0%,100%,.9)}.ex-content .dot.p1{background:linear-gradient(180deg, #6e33d8, #7b2ff7)}.ex-content .dot.p2{background:linear-gradient(180deg, #9a63ff, #b892ff);width:4rem;height:4rem}.ex-content .dot.p3{background:linear-gradient(180deg, #12c2e9, #3dd7d0);width:3.375rem;height:3.375rem}.ex-content .dot.p4{background:linear-gradient(180deg, #08b06d, #31d4a0)}.ex-content .dot.p5{background:linear-gradient(180deg, #03b4d6, #2ad1e6);width:2.125rem;height:2.125rem}@media(max-width: 900px){.ex-content .cover-title{font-size:14vw}.ex-content .cover-underline{width:60%}.ex-content .dot{width:2.25rem;height:2.25rem}}@media(prefers-reduced-motion: reduce){.ex-content .nebula{animation:none}}.ex-preview{width:100%;margin:0 0 var(--space-l);padding:var(--space-l);box-sizing:border-box;background:var(--color-card-bg, rgba(255, 255, 255, 0.06));border:var(--border-width-thin, 1px) solid var(--color-card-border, rgba(255, 255, 255, 0.12));border-radius:var(--radius-l, 1rem)}.ex-preview-head{margin-bottom:var(--space-m)}.ex-preview-row{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:var(--space-l);align-items:start}@media(max-width: 900px){.ex-preview-row{grid-template-columns:1fr}}.ex-preview-label{font-size:var(--font-size-s, 0.8125rem);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-neutral-600, #64748b);margin:0 0 var(--space-s)}.ex-preview-badges{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin:var(--space-l) 0 0}.ex-card-action{margin-top:1.25rem}.ex-reveal{opacity:0;transform:translateY(0.5rem)}.ex-reveal.ex-in{opacity:1;transform:none;transition:opacity 300ms ease,transform 300ms ease}.ex-section,.ex-hero{margin-bottom:var(--space-2xl)}.ex-hero{padding:var(--space-xl);border-radius:var(--radius-l);background:linear-gradient(135deg, var(--color-primary-50, #eef6ff), var(--color-white, #fff));border:var(--border-width-thin) solid var(--color-card-border, #e5e7eb)}.ex-grid{display:grid;gap:var(--gap-m, var(--space-m))}@media(min-width: 960px){.ex-grid-2{grid-template-columns:1fr 1fr}.ex-grid-3{grid-template-columns:repeat(3, 1fr)}}.ex-demo-card{border-radius:var(--radius-l);background:var(--color-card-bg, #fff);border:var(--border-width-thin) solid var(--color-card-border, #e5e7eb);padding:var(--inset-m, var(--space-m));transition:box-shadow 160ms ease,transform 160ms ease}.ex-demo-card:hover{box-shadow:var(--shadow-l);transform:translateY(-0.125rem)}.ex-demo-card .code-block,.ex-demo-card pre{max-width:100%;overflow-x:auto}.code-block,pre{max-width:100%;overflow-x:auto;box-sizing:border-box;word-wrap:normal;word-break:normal}.token-card{min-width:0;overflow:hidden}.token-card .code-block,.token-card pre{max-width:100%;overflow-x:auto}.an-table caption{caption-side:top;text-align:left;padding-bottom:var(--space-s);color:var(--color-text-neutral-600, #64748b);font-size:var(--font-size-s)}.ex-theme{margin-top:var(--space-l);padding-top:var(--space-m);border-top:var(--border-width-thin) solid var(--color-card-border, #e5e7eb)}.ex-theme-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xs)}.ex-theme-row .an-toggle-wrapper{margin-bottom:0}.ex-theme-label{font-size:var(--font-size-s);color:var(--color-text-neutral-600, #64748b)}.ex-topbar{display:none}@media(max-width: 960px){.ex-topbar{position:fixed;top:0;left:0;right:0;width:100%;z-index:1100;height:3.5rem;padding:0 var(--space-m);display:flex;align-items:center;justify-content:space-between;background:var(--color-card-bg, #fff);border-bottom:var(--border-width-thin) solid var(--color-card-border, #e5e7eb)}}@media(max-width: 960px){.ex-burger{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-full);border:var(--border-width-thin) solid var(--color-card-border, #e5e7eb);background:var(--color-surface-white, #fff);color:var(--color-text-neutral-700, #334155)}.ex-burger i{font-size:1rem}}@media(max-width: 960px){.ex-backdrop{display:none}body.ex-mobile-open .ex-backdrop{display:block;position:fixed;inset:0;background:rgba(15,23,42,.35);backdrop-filter:saturate(120%) blur(0.125rem);z-index:900}}.case-study-page{position:relative;min-height:100vh}.case-study-page::before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%, rgba(139, 92, 246, 0.08) 0%, transparent 50%),radial-gradient(circle at 80% 70%, rgba(59, 130, 246, 0.06) 0%, transparent 50%);pointer-events:none;z-index:0}.case-study-page .hero{background:linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f1626 100%);color:var(--color-text-neutral-900);padding:var(--space-4xl) var(--space-m);text-align:center;position:relative;min-height:60vh;display:flex;align-items:center}.case-study-page .hero::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 40%, rgba(139, 92, 246, 0.15) 0%, transparent 50%),radial-gradient(circle at 70% 60%, rgba(59, 130, 246, 0.1) 0%, transparent 50%);pointer-events:none}.case-study-page .hero .container{position:relative;z-index:1}.case-study-page .hero h1{font-size:clamp(2.5rem,8vw,5rem);font-weight:var(--font-weight-bold);line-height:.95;letter-spacing:-0.02em;margin-bottom:0}.case-study-page .hero-title-gradient{background:linear-gradient(90deg, #b892ff 0%, #9a63ff 50%, #4fb0ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;display:inline-block}.case-study-page .hero-underline{height:.375rem;width:clamp(200px,44%,450px);margin:var(--space-l) auto;border-radius:.375rem;background:linear-gradient(90deg, rgba(139, 92, 246, 0.95), rgba(79, 176, 255, 0.95));box-shadow:var(--shadow-m)}.case-study-page .container{max-width:1200px;margin:0 auto;padding:0 var(--space-m)}.case-study-page .section{padding:var(--space-4xl) var(--space-m);position:relative}.case-study-page .section-alt{background:linear-gradient(135deg, var(--color-neutral-900) 0%, var(--color-neutral-800) 50%, var(--color-neutral-900) 100%);position:relative}.case-study-page .section-alt::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 40%, var(--color-primary-500) 0%, transparent 50%),radial-gradient(circle at 70% 60%, var(--color-info-500) 0%, transparent 50%);opacity:.2;pointer-events:none}.case-study-page .section-alt .container{position:relative;z-index:1}.case-study-page .section-alt h2,.case-study-page .section-alt h3,.case-study-page .section-alt h4,.case-study-page .section-alt p,.case-study-page .section-alt li{color:hsla(0,0%,100%,.95)}.case-study-page .section-alt .an-text-muted{color:hsla(0,0%,100%,.7) !important}.case-study-page .section-alt .an-card{background:hsla(0,0%,100%,.05) !important;backdrop-filter:blur(10px);border:var(--border-width-thin) solid hsla(0,0%,100%,.1) !important}.case-study-page .section-alt .an-card h4,.case-study-page .section-alt .an-card .an-text-xl,.case-study-page .section-alt .an-card .an-font-semibold{color:var(--color-white) !important}.case-study-page .section-alt .card-error{background:rgba(220,38,38,.15) !important;border:var(--border-width-thin) solid var(--color-error-500) !important;border-left:var(--border-width-thick) solid var(--color-error-500) !important;opacity:.9}.case-study-page .section-alt .card-info{background:rgba(59,130,246,.15) !important;border:var(--border-width-thin) solid var(--color-info-500) !important;border-left:var(--border-width-thick) solid var(--color-info-500) !important;opacity:.9}.case-study-page .section-alt .an-text-primary{color:var(--color-primary-300) !important}.case-study-page .section-alt .timeline-title{color:var(--color-primary-300) !important}.case-study-page .timeline{position:relative;padding-left:var(--space-xl);margin:var(--space-4xl) 0}.case-study-page .timeline::before{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--border-width-medium);background:linear-gradient(180deg, var(--color-primary-600), var(--color-info-500))}.case-study-page .timeline-item{position:relative;margin-bottom:var(--space-xl)}.case-study-page .timeline-item::before{content:"";position:absolute;left:calc(-1*var(--space-xl) - var(--space-xs));top:var(--space-xs);width:var(--space-m);height:var(--space-m);border-radius:var(--radius-full);background:var(--color-primary-600);border:var(--border-width-medium) solid var(--color-white);box-shadow:0 0 0 var(--border-width-medium) var(--color-primary-600)}.case-study-page .footer-cta{background:linear-gradient(135deg, var(--color-neutral-900) 0%, var(--color-neutral-800) 50%, var(--color-neutral-900) 100%);color:var(--color-text-white);padding:var(--space-4xl) var(--space-m);text-align:center;position:relative}.case-study-page .footer-cta::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 40%, var(--color-primary-500) 0%, transparent 50%),radial-gradient(circle at 70% 60%, var(--color-info-500) 0%, transparent 50%);opacity:.2;pointer-events:none}.case-study-page .footer-cta .container{position:relative;z-index:1}.case-study-page .image-container{margin:var(--space-xl) 0;border-radius:var(--radius-m);overflow:hidden;background-color:var(--color-surface-white);box-shadow:var(--shadow-l);max-width:100%}.case-study-page .image-container img{width:100%;height:auto;display:block;object-fit:cover}.case-study-page .image-caption{text-align:center;font-size:var(--font-size-s);color:var(--color-text-neutral-700);margin-block:var(--space-m);font-style:italic}.case-study-page p[style*=line-height],.case-study-page li[style*=line-height]{line-height:1.8 !important}.case-study-page a:not(.an-btn),.case-study-page a:not(.an-btn):visited{color:var(--color-primary-600);text-decoration-color:var(--color-primary-400);text-underline-offset:.2em}.case-study-page a:not(.an-btn):hover{color:var(--color-primary-700)}.case-study-page .section-alt a:not(.an-btn),.case-study-page .section-alt a:not(.an-btn):visited,.case-study-page .footer-cta a:not(.an-btn),.case-study-page .footer-cta a:not(.an-btn):visited{color:#eadbff;text-decoration-color:rgba(234,219,255,.7)}.case-study-page .section-alt a:not(.an-btn):hover,.case-study-page .footer-cta a:not(.an-btn):hover{color:var(--color-white)}.case-study-badges{display:flex;flex-wrap:wrap;gap:var(--space-s)}.timeline-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-m);color:var(--color-primary-600)}.case-study-stat-card{border-left:4px solid var(--color-primary-600)}.case-study-section-heading{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-m);margin-top:var(--space-xl);color:var(--color-primary-600)}.case-study-subsection-heading{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin-top:var(--space-2xl);margin-bottom:var(--space-l)}.case-study-card-heading{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-m);margin-top:0}.case-study-text-body{font-size:var(--font-size-l);line-height:1.8;margin-bottom:var(--space-l)}.case-study-list-item{font-size:var(--font-size-l);margin-bottom:var(--space-m);line-height:1.8}.case-study-card-text{font-size:var(--font-size-l);margin-bottom:0}.case-study-list{margin-left:var(--space-l);margin-bottom:var(--space-2xl)}.case-study-quote-item{margin-bottom:var(--space-s)}.case-study-timeline-text{font-size:var(--font-size-l)}.case-study-hero-subtitle{font-size:var(--font-size-xl);margin-top:var(--space-2xl);margin-bottom:var(--space-2xl);opacity:.85}.case-study-meta-label{font-size:var(--font-size-s);margin-bottom:var(--space-xs);color:hsla(0,0%,100%,.5);text-transform:uppercase;letter-spacing:.05em;opacity:.7}.case-study-cta-subtitle{opacity:.9}.case-study-roadmap-intro{line-height:1.8;opacity:.9}.case-study-heading{color:var(--color-primary-600)}.case-study-text-relaxed{line-height:1.8}.case-study-heading-xl{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-m)}.case-study-heading-l{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-m)}.case-study-intro-text{font-size:var(--font-size-xl);color:var(--color-text-muted);margin-bottom:var(--space-2xl)}.case-study-stat-number{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);color:var(--color-primary-600);margin-bottom:var(--space-s)}.case-study-stat-label{font-size:var(--font-size-l);color:var(--color-text-muted)}.case-study-meta-item{color:hsla(0,0%,100%,.7);font-size:var(--font-size-s);line-height:1.6}.case-study-meta-value{font-size:var(--font-size-l);font-weight:var(--font-weight-semibold);color:hsla(0,0%,100%,.9)}.icon-warning{color:var(--color-warning-500)}.icon-error{color:var(--color-error-500)}.icon-info{color:var(--color-info-500)}.icon-success{color:var(--color-success-500)}.icon-primary{color:var(--color-primary-500)}.color-swatch{text-align:center}.color-box{height:80px;border-radius:var(--radius-m);margin-bottom:var(--space-xs);font-family:"Courier New",monospace}.color-name{font-size:var(--font-size-s);font-weight:var(--font-weight-regular);color:var(--color-neutral-800);margin-bottom:var(--space-2xs)}.color-value{font-size:var(--font-size-xs);color:var(--color-neutral-600)}.spacing-demo{display:flex;align-items:center;margin-bottom:var(--space-m)}.spacing-box{background:var(--color-primary-200)}.spacing-label{font-size:var(--font-size-s);color:var(--color-neutral-600);margin-left:var(--space-m);font-family:monospace}.code-block{background:var(--color-neutral-900);color:var(--color-neutral-100);padding:var(--space-m);border-radius:var(--radius-m);font-family:Consolas,"Cascadia Code","Fira Code",monospace;font-size:var(--font-size-s);line-height:1.5;margin:var(--space-m) 0;white-space:pre;tab-size:2;font-variant-ligatures:none;max-width:100%;overflow-x:auto;box-sizing:border-box}[data-theme=dark] .code-block{background:var(--color-neutral-100);color:var(--color-neutral-900)}.token-grid{display:grid;gap:var(--space-l)}@media(min-width: 960px){.token-grid{grid-template-columns:repeat(3, 1fr)}}.token-card{background:var(--color-card-bg);border:var(--border-width-thin) solid var(--color-card-border);border-radius:var(--radius-l);padding:var(--space-m)}.token-card h3{margin-top:0}.token-card h4{margin:var(--space-l) 0 var(--space-xs);font-size:var(--font-size-s);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-neutral-700)}.type-example{margin-bottom:var(--space-xl);padding:var(--space-m);background:var(--color-neutral-100);border-radius:var(--radius-m);border-left:4px solid var(--color-primary-500)}.type-label{font-size:var(--font-size-xs);color:var(--color-neutral-600);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-xs)}/*# sourceMappingURL=examples.css.map */