.logo[data-astro-cid-tvrurpns]{display:flex;align-items:center;color:var(--text-primary);transition:color var(--transition-fast)}.logo[data-astro-cid-tvrurpns]:hover{color:var(--accent)}.logo[data-astro-cid-tvrurpns] svg[data-astro-cid-tvrurpns]{height:17px;width:auto}.theme-toggle[data-astro-cid-x3pjskd3]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--text-primary);transition:background-color var(--transition-fast),color var(--transition-fast)}.theme-toggle[data-astro-cid-x3pjskd3]:hover{background-color:var(--bg-tertiary);color:var(--accent)}.sun-icon[data-astro-cid-x3pjskd3]{display:none}.moon-icon[data-astro-cid-x3pjskd3],[data-theme=dark] .sun-icon[data-astro-cid-x3pjskd3]{display:block}[data-theme=dark] .moon-icon[data-astro-cid-x3pjskd3]{display:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .sun-icon[data-astro-cid-x3pjskd3]{display:block}:root:not([data-theme=light]) .moon-icon[data-astro-cid-x3pjskd3]{display:none}}.lang-toggle[data-astro-cid-lb7h3eps]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);transition:background-color var(--transition-fast),color var(--transition-fast)}.lang-toggle[data-astro-cid-lb7h3eps]:hover{background-color:var(--bg-tertiary);color:var(--accent)}.lang-label[data-astro-cid-lb7h3eps]{display:none}.lang-es[data-astro-cid-lb7h3eps]{display:block}[data-lang=en] .lang-es[data-astro-cid-lb7h3eps]{display:none}[data-lang=en] .lang-en[data-astro-cid-lb7h3eps]{display:block}.mobile-menu{display:none}@media(max-width:768px){.mobile-menu{display:block;position:fixed;inset:0;z-index:200;pointer-events:none}.mobile-menu.open{pointer-events:auto}.mobile-menu-backdrop{position:absolute;inset:0;background:#00000080;opacity:0;transition:opacity .3s ease}.mobile-menu.open .mobile-menu-backdrop{opacity:1}.mobile-menu-drawer{position:absolute;top:0;right:0;bottom:0;width:min(80vw,320px);background:var(--bg-primary);box-shadow:-4px 0 24px #00000026;padding:90px var(--space-lg) var(--space-xl);display:flex;flex-direction:column;gap:var(--space-xs);transform:translate(100%);transition:transform .35s cubic-bezier(.16,1,.3,1);overflow-y:auto}.mobile-menu.open .mobile-menu-drawer{transform:translate(0)}.mobile-nav-link{display:block;padding:var(--space-md);font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--text-secondary);border-radius:var(--radius-md);text-decoration:none;transition:color var(--transition-fast),background-color var(--transition-fast)}.mobile-nav-link:hover,.mobile-nav-link.active{color:var(--accent);background-color:var(--bg-tertiary)}.mobile-menu-toggles{display:flex;gap:var(--space-sm);padding-top:var(--space-lg);border-top:1px solid var(--border-color);margin-top:auto}}[data-theme=dark] .mobile-menu-drawer{background:var(--bg-primary);border-left:1px solid var(--border-color);box-shadow:-4px 0 24px #00000080}[data-theme=dark] .mobile-menu-backdrop{background:#000000b3}@media(prefers-reduced-motion:reduce){.mobile-menu-drawer,.mobile-menu-backdrop{transition:none}}.nav[data-astro-cid-dmqpwcec]{position:fixed;top:0;left:0;right:0;z-index:100;background-color:#fafafacc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);transition:background-color var(--transition-base),border-color var(--transition-base);view-transition-name:nav}[data-theme=dark] .nav[data-astro-cid-dmqpwcec]{background-color:#0a0a0acc}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .nav[data-astro-cid-dmqpwcec]{background-color:#0a0a0acc}}.nav-inner[data-astro-cid-dmqpwcec]{display:flex;align-items:center;justify-content:space-between;height:70px}.nav-links[data-astro-cid-dmqpwcec]{display:flex;align-items:center;gap:var(--space-md)}.nav-link[data-astro-cid-dmqpwcec]{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);transition:color var(--transition-fast),background-color var(--transition-fast)}.nav-link[data-astro-cid-dmqpwcec]:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.nav-link[data-astro-cid-dmqpwcec].active{color:var(--accent);font-weight:var(--font-semibold)}.nav-link[data-astro-cid-dmqpwcec]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hamburger[data-astro-cid-dmqpwcec]{display:none}@media(max-width:768px){.nav-links[data-astro-cid-dmqpwcec]{display:none!important}.hamburger[data-astro-cid-dmqpwcec]{display:flex!important;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:8px;background:transparent;border:none;cursor:pointer;z-index:201}.hamburger-line[data-astro-cid-dmqpwcec]{width:100%;height:2px;background:var(--text-primary);transition:transform .3s ease,opacity .2s ease}.hamburger[data-astro-cid-dmqpwcec][aria-expanded=true] .hamburger-line[data-astro-cid-dmqpwcec]:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger[data-astro-cid-dmqpwcec][aria-expanded=true] .hamburger-line[data-astro-cid-dmqpwcec]:nth-child(2){opacity:0}.hamburger[data-astro-cid-dmqpwcec][aria-expanded=true] .hamburger-line[data-astro-cid-dmqpwcec]:nth-child(3){transform:translateY(-7px) rotate(-45deg)}}@media(prefers-reduced-motion:reduce){.hamburger-line[data-astro-cid-dmqpwcec]{transition:none}}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}.footer[data-astro-cid-sz7xmlte]{padding:var(--space-xl) 0;border-top:1px solid var(--border-color);margin-top:auto}.footer-inner[data-astro-cid-sz7xmlte]{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.copyright[data-astro-cid-sz7xmlte]{font-size:var(--text-sm);color:var(--text-tertiary)}.footer-links[data-astro-cid-sz7xmlte]{display:flex;gap:var(--space-md)}.footer-links[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{font-size:var(--text-sm);color:var(--text-secondary)}.footer-links[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:var(--accent)}@media(max-width:640px){.footer-inner[data-astro-cid-sz7xmlte]{flex-direction:column;text-align:center}}[data-reveal]{opacity:0;will-change:opacity,transform}[data-reveal].revealed{animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.16,1,.3,1)}[data-reveal=fadeInUp].revealed{animation-name:fadeInUp;animation-duration:.6s}[data-reveal=fadeIn].revealed{animation-name:fadeIn;animation-duration:.6s}[data-reveal=slideInLeft].revealed{animation-name:slideInLeft;animation-duration:.7s}[data-reveal=slideInRight].revealed{animation-name:slideInRight;animation-duration:.7s}[data-reveal=scaleIn].revealed{animation-name:scaleIn;animation-duration:.5s}[data-delay="100"].revealed{animation-delay:.1s}[data-delay="200"].revealed{animation-delay:.2s}[data-delay="300"].revealed{animation-delay:.3s}[data-delay="400"].revealed{animation-delay:.4s}[data-delay="500"].revealed{animation-delay:.5s}[data-delay="600"].revealed{animation-delay:.6s}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes drawLine{0%{height:0}to{height:100%}}@keyframes countPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes wipeReveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1!important;transform:none!important;animation:none!important}[data-reveal].revealed{animation:none!important;opacity:1!important}.cs-timeline-line,.cs-metric-number,.cs-code-transform-wipe{animation:none!important;transition:none!important}.cs-dep-node{animation:none!important}.cs-darkmode-demo,.cs-darkmode-demo *{transition-duration:.01ms!important}}.cs-page{overflow-x:hidden}.cs-section{padding:var(--space-4xl) 0}.cs-section--lg{padding:var(--space-5xl) 0}.cs-hero{padding:var(--space-3xl) 0 var(--space-2xl)}.cs-hero__back{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-xl)}.cs-hero__back:hover{color:var(--accent)}.cs-hero__back-arrow{transition:transform var(--transition-fast)}.cs-hero__back:hover .cs-hero__back-arrow{transform:translate(-4px)}.cs-hero__title{font-size:clamp(2.5rem,7vw,4.5rem);font-weight:var(--font-bold);letter-spacing:-.03em;line-height:1.05;margin-bottom:var(--space-md);max-width:900px}.cs-hero__subtitle{font-size:clamp(1.125rem,2.5vw,1.375rem);color:var(--text-secondary);line-height:1.5;max-width:700px;margin-bottom:var(--space-xl)}.cs-hero__cta{display:flex;gap:var(--space-md);margin-top:var(--space-xl)}.cs-hero__image{width:100%;aspect-ratio:21 / 9;background-color:var(--bg-tertiary);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-color)}.cs-hero__image img{width:100%;height:100%;object-fit:cover}.cs-hero__image-placeholder{width:100%;height:100%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:12px;padding:24px}.cs-hero__image-placeholder>div{background:var(--border-color);border-radius:var(--radius-md);opacity:.5}.cs-hero__video-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f0f2f5}.cs-hero__video{width:100%;height:100%;object-fit:cover}[data-theme=dark] .cs-hero__video-wrapper{background-color:#1a1a2e}.cs-metadata{padding:var(--space-xl) 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.cs-metadata__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}.cs-metadata__item{display:flex;flex-direction:column;gap:6px}.cs-metadata__label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em}.cs-metadata__value{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);line-height:1.3}.cs-metadata__detail{font-size:var(--text-sm);color:var(--text-secondary)}.cs-section--hero-video{padding:var(--space-2xl) 0 var(--space-4xl)}.cs-hero-video{max-width:1200px;margin:0 auto}.cs-hero-video__frame{position:relative;border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 25px 50px -12px #00000026,0 0 0 1px #0000000d;background:var(--bg-secondary);aspect-ratio:16 / 9}[data-theme=dark] .cs-hero-video__frame{background:var(--bg-tertiary);box-shadow:0 25px 50px -12px #0006,0 0 0 1px #ffffff0d}.cs-hero-video__video{width:100%;height:100%;object-fit:cover;display:block}.cs-hero-video__placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);background:var(--bg-secondary);color:var(--text-tertiary)}.cs-hero-video__placeholder svg{opacity:.3}.cs-hero-video__placeholder p{font-size:var(--text-sm);font-weight:var(--font-medium);opacity:.5}.cs-hero-video__video:not([src=""])~.cs-hero-video__placeholder{display:none}.cs-two-col{display:grid;grid-template-columns:280px 1fr;gap:var(--space-3xl);align-items:start}.cs-two-col__left{position:sticky;top:100px}.cs-two-col__eyebrow{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:var(--space-xs)}.cs-two-col__title{font-size:var(--text-2xl);font-weight:var(--font-bold);letter-spacing:-.02em}.cs-two-col__right{min-width:0}.cs-full-bleed{width:100%;padding:var(--space-4xl) 0}.cs-full-bleed--dark{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.cs-full-bleed--accent{background-color:var(--bg-tertiary)}.cs-intro{text-align:center;max-width:720px;margin:0 auto;padding:var(--space-3xl) 0}.cs-intro__divider{width:60px;height:1px;background:var(--border-color);margin:0 auto var(--space-xl)}.cs-intro__text{font-size:var(--text-lg);line-height:1.8;color:var(--text-secondary);max-width:none}.cs-comparison{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin:var(--space-xl) 0}.cs-comparison__card{padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-secondary);transition:border-color var(--transition-base)}.cs-comparison__card--problem{opacity:.75}.cs-comparison__card--solution{border-color:var(--accent);background:var(--bg-secondary)}.cs-comparison__icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--bg-tertiary);margin-bottom:var(--space-sm);font-size:var(--text-xl)}.cs-comparison__card--solution .cs-comparison__icon{background:var(--accent);color:#fff}.cs-comparison__title{font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-xs)}.cs-comparison__desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;max-width:none}.cs-content h3{font-size:var(--text-xl);font-weight:var(--font-semibold);margin-top:var(--space-2xl);margin-bottom:var(--space-sm)}.cs-content h3:first-child{margin-top:0}.cs-content p{font-size:var(--text-base);line-height:1.75;color:var(--text-secondary);margin-bottom:var(--space-md);max-width:none}.cs-content ul,.cs-content ol{padding-left:var(--space-lg);margin-bottom:var(--space-md)}.cs-content li{font-size:var(--text-base);line-height:1.7;color:var(--text-secondary);margin-bottom:var(--space-xs)}.cs-content strong{color:var(--text-primary);font-weight:var(--font-semibold)}.cs-table-wrap{overflow-x:auto;margin:var(--space-lg) 0;border-radius:var(--radius-md);border:1px solid var(--border-color)}.cs-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.cs-table th{text-align:left;padding:var(--space-sm) var(--space-md);font-weight:var(--font-semibold);color:var(--text-primary);background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);white-space:nowrap}.cs-table td{padding:var(--space-sm) var(--space-md);color:var(--text-secondary);border-bottom:1px solid var(--border-color);line-height:1.5}.cs-table tr:last-child td{border-bottom:none}@media(max-width:768px){.cs-table-wrap{border:none}.cs-table{border:0}.cs-table thead{position:absolute;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;overflow:hidden;border:0}.cs-table tr{display:block;border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--space-md);padding:var(--space-md);background:var(--bg-secondary)}.cs-table td{display:block;text-align:left;padding:var(--space-xs) 0;border-bottom:none}.cs-table td:before{content:attr(data-label);display:block;font-weight:var(--font-semibold);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:4px}.cs-table td:last-child{padding-bottom:0}}.cs-palette{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-sm);margin:var(--space-lg) 0}.cs-palette__card{position:relative;padding:var(--space-lg) var(--space-md);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform var(--transition-fast),box-shadow var(--transition-fast);overflow:hidden}.cs-palette__card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0000001f}.cs-palette__swatch{width:32px;height:32px;border-radius:var(--radius-sm);margin-bottom:var(--space-sm);border:1px solid rgba(0,0,0,.1)}.cs-palette__name{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:2px}.cs-palette__token{font-size:.6875rem;font-family:SF Mono,Monaco,Consolas,monospace;color:var(--text-tertiary)}.cs-code{margin:var(--space-lg) 0;border-radius:var(--radius-md);border:1px solid var(--border-color);overflow:hidden}.cs-code__header{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);font-size:var(--text-xs);font-family:SF Mono,Monaco,Consolas,monospace;color:var(--text-secondary)}.cs-code__dot{width:8px;height:8px;border-radius:50%;background:var(--text-tertiary);opacity:.4}.cs-code pre{padding:var(--space-md);overflow-x:auto;font-size:var(--text-sm);line-height:1.65;font-family:SF Mono,Monaco,Consolas,monospace;background:var(--bg-secondary);color:var(--text-primary);margin:0}.cs-code code{font-family:inherit;background:none;padding:0}.cs-content code{font-family:SF Mono,Monaco,Consolas,monospace;font-size:.875em;padding:2px 6px;background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--accent)}@media(max-width:768px){.cs-code pre{font-size:var(--text-xs);padding:var(--space-sm)}.cs-code__header{font-size:.6875rem;padding:8px var(--space-sm)}}.cs-code-transform{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);margin:var(--space-lg) 0;overflow:hidden}@media(max-width:768px){.cs-code-transform .cs-code pre{font-size:.6875rem;word-break:break-all;white-space:pre-wrap}}.cs-code-transform__label{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:var(--space-xs)}.cs-code-transform__before .cs-code-transform__label{color:var(--text-tertiary)}.cs-code-transform__after .cs-code-transform__label{color:var(--accent)}.cs-terminal{margin:var(--space-xl) 0;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-color);background:#1a1a2e}.cs-terminal__titlebar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#16162a;border-bottom:1px solid rgba(255,255,255,.06)}.cs-terminal__dot{width:12px;height:12px;border-radius:50%}.cs-terminal__dot--red{background:#ff5f57}.cs-terminal__dot--yellow{background:#febc2e}.cs-terminal__dot--green{background:#28c840}.cs-terminal__title{flex:1;text-align:center;font-size:var(--text-xs);color:#fff6;font-family:SF Mono,Monaco,Consolas,monospace}.cs-terminal__body{padding:var(--space-md) var(--space-lg);font-family:SF Mono,Monaco,Consolas,monospace;font-size:var(--text-sm);line-height:1.7;color:#e2e8f0;overflow-x:auto;min-height:200px}.cs-terminal__prompt{color:#28c840}.cs-terminal__command{color:#e2e8f0}.cs-terminal__output{color:#e2e8f099}.cs-terminal__success{color:#28c840}.cs-terminal__info{color:#60a5fa}.cs-terminal__accent{color:var(--accent)}@media(max-width:768px){.cs-terminal__body{min-height:150px;padding:var(--space-sm) var(--space-md);font-size:var(--text-xs)}}.cs-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.cs-metric{text-align:center;padding:var(--space-xl) var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.cs-metric:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.cs-metric__number{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--accent);letter-spacing:-.02em;line-height:1;margin-bottom:var(--space-xs)}.cs-metric__label{font-size:var(--text-sm);color:var(--text-secondary)}.cs-stats-row{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap;margin:var(--space-lg) 0;font-size:var(--text-sm);color:var(--text-secondary)}.cs-stats-row__divider{width:1px;height:16px;background:var(--border-color)}.cs-stats-row__stat{font-weight:var(--font-medium)}.cs-a11y-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin:var(--space-lg) 0}.cs-a11y-card{padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-secondary)}.cs-a11y-card__icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--bg-tertiary);margin-bottom:var(--space-sm);font-size:var(--text-lg)}.cs-a11y-card__title{font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-xs)}.cs-a11y-card__desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;max-width:none}.cs-callout{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);background:var(--bg-tertiary);border-left:3px solid var(--accent);margin:var(--space-lg) 0}.cs-callout__label{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--accent);margin-bottom:4px}.cs-callout__text{font-size:var(--text-sm);color:var(--text-secondary);max-width:none;line-height:1.6}.cs-showcase{margin:var(--space-xl) 0;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-color);box-shadow:var(--shadow-md);background:var(--bg-tertiary)}.cs-showcase img,.cs-showcase video{width:100%;display:block}.cs-video{position:relative;margin:var(--space-xl) 0;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-color);background:var(--bg-tertiary);aspect-ratio:16 / 9}.cs-video video{width:100%;height:100%;object-fit:cover}.cs-video__placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);background:var(--bg-tertiary);color:var(--text-tertiary);font-size:var(--text-sm)}.cs-video__play{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent);color:#fff;font-size:var(--text-lg)}.cs-component-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-sm);margin:var(--space-lg) 0}.cs-component-grid__item{padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-secondary)}.cs-component-grid__category{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--accent);margin-bottom:var(--space-xs)}.cs-component-grid__count{font-size:var(--text-xs);color:var(--text-tertiary);float:right}.cs-component-grid__list{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7}.cs-timeline{position:relative;margin:var(--space-xl) 0;padding-left:32px}.cs-timeline__line{position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:var(--border-color)}.cs-timeline__line-fill{width:100%;height:0;background:var(--accent);transition:height 1.5s cubic-bezier(.16,1,.3,1)}.cs-timeline.revealed .cs-timeline__line-fill{height:100%}.cs-timeline__step{position:relative;margin-bottom:var(--space-xl)}.cs-timeline__step:last-child{margin-bottom:0}.cs-timeline__dot{position:absolute;left:-32px;top:4px;width:16px;height:16px;border-radius:50%;background:var(--bg-primary);border:2px solid var(--border-color);transition:border-color .4s ease,background-color .4s ease;z-index:1}.cs-timeline.revealed .cs-timeline__dot{border-color:var(--accent)}.cs-timeline__step-number{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.cs-timeline__step-title{font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-xs)}.cs-timeline__step-command{font-family:SF Mono,Monaco,Consolas,monospace;font-size:var(--text-sm);color:var(--text-secondary);padding:var(--space-xs) var(--space-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm);display:inline-block;margin-bottom:var(--space-xs)}.cs-timeline__step-output{font-size:var(--text-sm);color:var(--text-tertiary);line-height:1.6}.cs-learnings{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.cs-learning{padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-secondary)}.cs-learning__number{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--bg-tertiary);line-height:1;margin-bottom:var(--space-sm);letter-spacing:-.02em}.cs-learning__title{font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-xs)}.cs-learning__desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;max-width:none}.cs-tech-chips{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin:var(--space-sm) 0}.cs-tech-chip{font-size:var(--text-xs);font-weight:var(--font-medium);padding:6px 14px;background:var(--bg-tertiary);border-radius:20px;color:var(--text-secondary);border:1px solid var(--border-color);transition:border-color var(--transition-fast),color var(--transition-fast)}.cs-tech-chip:hover{border-color:var(--accent);color:var(--accent)}.cs-cta-row{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-top:var(--space-xl)}.cs-cta{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-md);transition:all var(--transition-fast)}.cs-cta--primary{background:var(--accent);color:#fff}.cs-cta--primary:hover{background:var(--accent-hover);color:#fff}.cs-cta--secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.cs-cta--secondary:hover{border-color:var(--accent);color:var(--accent)}.cs-cta__icon{font-size:var(--text-base)}.cs-back-link{display:inline-flex;align-items:center;gap:var(--space-xs);font-weight:var(--font-medium);color:var(--text-secondary);margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid var(--border-color);width:100%}.cs-back-link:hover{color:var(--accent)}.cs-dep-diagram{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);flex-wrap:wrap;margin:var(--space-xl) 0;padding:var(--space-xl);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.cs-dep-node{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);border:2px solid var(--border-color);font-size:var(--text-sm);font-weight:var(--font-medium);font-family:SF Mono,Monaco,Consolas,monospace;background:var(--bg-primary);transition:border-color .4s ease,background-color .4s ease,color .4s ease}.cs-dep-node.active{border-color:var(--accent);background:var(--accent);color:#fff}.cs-dep-arrow{color:var(--text-tertiary);font-size:var(--text-lg)}@media(max-width:768px){.cs-dep-diagram{flex-direction:column;align-items:stretch;gap:var(--space-xs);padding:var(--space-lg)}.cs-dep-node{width:100%;text-align:center;padding:var(--space-sm) var(--space-md)}.cs-dep-arrow{transform:rotate(90deg);font-size:var(--text-xl);align-self:center}}@media(max-width:480px){.cs-dep-diagram{padding:var(--space-md)}.cs-dep-node{font-size:var(--text-xs)}}.cs-file-tree{margin:var(--space-lg) 0;font-family:SF Mono,Monaco,Consolas,monospace;font-size:var(--text-sm);line-height:1.8;color:var(--text-secondary);padding:var(--space-md) var(--space-lg);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.cs-file-tree__dir{color:var(--accent);font-weight:var(--font-medium)}.cs-file-tree__file{color:var(--text-secondary)}.cs-file-tree__comment{color:var(--text-tertiary);font-style:italic}.cs-section-header{text-align:center;margin-bottom:var(--space-2xl)}.cs-section-header__eyebrow{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:var(--space-xs)}.cs-section-header__title{font-size:var(--text-3xl);font-weight:var(--font-bold);letter-spacing:-.02em}@media(max-width:1024px){.cs-two-col{grid-template-columns:220px 1fr;gap:var(--space-2xl)}}@media(max-width:768px){.cs-two-col{grid-template-columns:1fr;gap:var(--space-lg)}.cs-two-col__left{position:static}.cs-metadata__grid{grid-template-columns:repeat(2,1fr)}.cs-comparison{grid-template-columns:1fr}.cs-metrics{grid-template-columns:repeat(2,1fr)}.cs-a11y-cards,.cs-learnings,.cs-code-transform{grid-template-columns:1fr}.cs-hero__title{font-size:clamp(2rem,7vw,3rem)}.cs-section{padding:var(--space-2xl) 0}.cs-section--lg{padding:var(--space-3xl) 0}}@media(max-width:480px){.cs-metadata__grid{grid-template-columns:1fr;gap:var(--space-md)}.cs-metrics{grid-template-columns:1fr}.cs-cta-row{flex-direction:column}.cs-cta{justify-content:center}}.cs-darkmode-demo{--dm-bg: #ffffff;--dm-bg-secondary: #f8fafc;--dm-fg: #0f172a;--dm-fg-secondary: #475569;--dm-fg-muted: #94a3b8;--dm-border: #e2e8f0;--dm-action: #2563eb;--dm-action-text: #ffffff;--dm-chrome-bg: #f1f5f9;margin:var(--space-xl) 0;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-color);box-shadow:var(--shadow-md)}.cs-darkmode-demo--dark{--dm-bg: #0f172a;--dm-bg-secondary: #1e293b;--dm-fg: #f8fafc;--dm-fg-secondary: #cbd5e1;--dm-fg-muted: #64748b;--dm-border: #334155;--dm-action: #3b82f6;--dm-action-text: #ffffff;--dm-chrome-bg: #0c1322}.cs-dm-chrome{display:flex;align-items:center;padding:10px 16px;background:var(--dm-chrome-bg);border-bottom:1px solid var(--dm-border);transition:background-color .6s cubic-bezier(.16,1,.3,1),border-color .6s cubic-bezier(.16,1,.3,1)}.cs-dm-chrome__dots{display:flex;gap:6px}.cs-dm-chrome__dots span{width:10px;height:10px;border-radius:50%}.cs-dm-chrome__dots span:nth-child(1){background:#ff5f57}.cs-dm-chrome__dots span:nth-child(2){background:#febc2e}.cs-dm-chrome__dots span:nth-child(3){background:#28c840}.cs-dm-chrome__title{flex:1;text-align:center;font-size:11px;font-family:SF Mono,Monaco,Consolas,monospace;color:var(--dm-fg-muted);transition:color .6s cubic-bezier(.16,1,.3,1)}.cs-dm-toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--dm-border);background:var(--dm-bg);color:var(--dm-fg-secondary);cursor:pointer;transition:all .6s cubic-bezier(.16,1,.3,1)}.cs-dm-toggle:hover{border-color:var(--dm-action);color:var(--dm-action)}.cs-dm-toggle__sun,.cs-dm-toggle__moon{display:flex;align-items:center;justify-content:center}.cs-dm-toggle__moon,.cs-darkmode-demo--dark .cs-dm-toggle__sun{display:none}.cs-darkmode-demo--dark .cs-dm-toggle__moon{display:flex}.cs-dm-body{padding:var(--space-md) var(--space-lg);background:var(--dm-bg);display:flex;flex-direction:column;gap:var(--space-md);transition:background-color .6s cubic-bezier(.16,1,.3,1)}.cs-dm-row{display:flex;align-items:center;gap:var(--space-md)}.cs-dm-label{width:52px;flex-shrink:0;font-size:10px;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--dm-fg-muted);transition:color .6s cubic-bezier(.16,1,.3,1)}.cs-dm-row__content{flex:1;min-width:0}.cs-dm-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;font-size:12px;font-weight:var(--font-medium);border-radius:6px;margin-right:8px;transition:all .6s cubic-bezier(.16,1,.3,1)}.cs-dm-btn--primary{background:var(--dm-action);color:var(--dm-action-text)}.cs-dm-btn--secondary{background:var(--dm-bg-secondary);color:var(--dm-fg);border:1px solid var(--dm-border)}.cs-dm-btn--outline{background:transparent;color:var(--dm-fg-secondary);border:1px solid var(--dm-border)}.cs-dm-input{display:flex;align-items:center;padding:8px 12px;border-radius:6px;border:1px solid var(--dm-border);background:var(--dm-bg);max-width:260px;transition:all .6s cubic-bezier(.16,1,.3,1)}.cs-dm-input__text{font-size:12px;color:var(--dm-fg-secondary);font-family:SF Mono,Monaco,Consolas,monospace;transition:color .6s cubic-bezier(.16,1,.3,1)}.cs-dm-card{padding:12px;border-radius:8px;border:1px solid var(--dm-border);background:var(--dm-bg-secondary);max-width:280px;transition:all .6s cubic-bezier(.16,1,.3,1)}.cs-dm-card__header{display:flex;align-items:center;gap:10px}.cs-dm-card__avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#60a5fa,#2563eb);flex-shrink:0}.cs-dm-card__info{display:flex;flex-direction:column;gap:2px}.cs-dm-card__title{font-size:12px;font-weight:var(--font-semibold);color:var(--dm-fg);transition:color .6s cubic-bezier(.16,1,.3,1)}.cs-dm-card__sub{font-size:10px;color:var(--dm-fg-muted);transition:color .6s cubic-bezier(.16,1,.3,1)}.cs-dm-swatches{display:flex;gap:8px}.cs-dm-swatch{display:flex;align-items:center;justify-content:center;width:56px;height:36px;border-radius:6px;font-size:9px;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.04em;transition:all .6s cubic-bezier(.16,1,.3,1)}.cs-dm-swatch--bg{background:var(--dm-bg-secondary);color:var(--dm-fg-secondary);border:1px solid var(--dm-border)}.cs-dm-swatch--fg{background:var(--dm-fg);color:var(--dm-bg)}.cs-dm-swatch--border{background:var(--dm-border);color:var(--dm-fg)}.cs-dm-swatch--action{background:var(--dm-action);color:#fff}.cs-full-bleed--dark .cs-darkmode-demo{border-color:#ffffff1a}@media(max-width:768px){.cs-dm-row{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.cs-dm-label{width:auto}.cs-dm-swatches{flex-wrap:wrap}}@media(max-width:480px){.cs-dm-body{padding:var(--space-sm) var(--space-md)}.cs-dm-btn{padding:5px 10px;font-size:11px;margin-right:4px}}.cs-asciinema{position:relative;margin:var(--space-xl) 0;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-color);background:#1a1a2e}.cs-asciinema__player{width:100%;min-height:300px}.cs-asciinema__fallback{display:flex;flex-direction:column;min-height:300px}.cs-asciinema__dots{display:flex;gap:8px;padding:12px 16px;background:#16162a;border-bottom:1px solid rgba(255,255,255,.06)}.cs-asciinema__dots span{width:12px;height:12px;border-radius:50%}.cs-asciinema__dots span:nth-child(1){background:#ff5f57}.cs-asciinema__dots span:nth-child(2){background:#febc2e}.cs-asciinema__dots span:nth-child(3){background:#28c840}.cs-asciinema__placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);color:#e2e8f080;font-size:var(--text-sm);padding:var(--space-lg);text-align:center}.cs-asciinema__play{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent);color:#fff;font-size:var(--text-lg)}.cs-asciinema .ap-wrapper{border-radius:0!important}@media(max-width:768px){.cs-asciinema__player,.cs-asciinema__fallback{min-height:220px}}.cs-section--showcase{padding:var(--space-4xl) 0;background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.cs-showcase-header{text-align:center;max-width:600px;margin:0 auto var(--space-2xl)}.cs-showcase-header__eyebrow{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:var(--space-sm)}.cs-showcase-header__title{font-size:var(--text-3xl);font-weight:var(--font-bold);letter-spacing:-.02em;margin-bottom:var(--space-sm)}.cs-showcase-header__subtitle{font-size:var(--text-md);color:var(--text-secondary);line-height:1.6}.cs-video-showcase{max-width:1200px;margin:0 auto}.cs-video-showcase__frame{position:relative;border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 25px 50px -12px #00000026,0 0 0 1px #0000000d;background:#f0f2f5}[data-theme=dark] .cs-video-showcase__frame{background:#1e293b;box-shadow:0 25px 50px -12px #0006,0 0 0 1px #ffffff0d}.cs-video-showcase__video{width:100%;height:auto;display:block;aspect-ratio:16 / 9;object-fit:cover}.cs-video-showcase__frame:before{content:"";position:absolute;inset:0;border-radius:var(--radius-xl);padding:1px;background:linear-gradient(135deg,rgba(99,102,241,.3) 0%,transparent 50%,rgba(139,92,246,.2) 100%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;mask-composite:exclude;pointer-events:none}@media(max-width:768px){.cs-section--showcase{padding:var(--space-2xl) 0}.cs-showcase-header__title{font-size:var(--text-2xl)}.cs-video-showcase__frame{border-radius:var(--radius-lg)}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{line-height:1.6;min-height:100vh}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}:root{--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--bg-primary: #ffffff;--bg-secondary: #fafafa;--bg-tertiary: #f5f5f5;--text-primary: #0a0a0a;--text-secondary: #525252;--text-tertiary: #a3a3a3;--border-color: #e5e5e5;--accent: #FE4A22;--accent-hover: #E63E1A;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4rem;--space-3xl: 5rem;--space-4xl: 6rem;--space-5xl: 8rem;--max-width: 1400px;--content-width: 800px;--padding-page: clamp(1.5rem, 5vw, 3rem);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px}[data-theme=dark]{--bg-primary: #0a0a0a;--bg-secondary: #171717;--bg-tertiary: #262626;--text-primary: #fafafa;--text-secondary: #a3a3a3;--text-tertiary: #737373;--border-color: #262626;--accent: #FE4A22;--accent-hover: #FF6B47;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-primary: #0a0a0a;--bg-secondary: #171717;--bg-tertiary: #262626;--text-primary: #fafafa;--text-secondary: #a3a3a3;--text-tertiary: #737373;--border-color: #262626;--accent: #FE4A22;--accent-hover: #FF6B47;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4)}}body{font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-normal);color:var(--text-primary);background-color:var(--bg-primary);transition:background-color var(--transition-base),color var(--transition-base)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:1.2;letter-spacing:-.02em}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{color:var(--text-secondary);max-width:65ch}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent)}::selection{background-color:var(--accent);color:#fff}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--padding-page)}.content-width{max-width:var(--content-width)}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--accent)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--transition-slow) ease forwards}.animate-fade-in-up{animation:fadeInUp var(--transition-slow) ease forwards}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}::view-transition-old(root),::view-transition-new(root){animation-duration:.3s}::view-transition-group(nav){animation:none}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}.main[data-astro-cid-37fxchfa]{min-height:100vh;padding-top:70px;display:flex;flex-direction:column}