:root{--red: #c8102e;--red-dark: #a30d24;--red-light: #e8354d;--red-glow: rgba(200, 16, 46, .07);--red-border: rgba(200, 16, 46, .3);--surface-1: #09090b;--surface-2: #0f0f11;--surface-3: #16161a;--glass: rgba(255, 255, 255, .04);--glass-border: rgba(255, 255, 255, .12);--glass-hover: rgba(255, 255, 255, .06);--card-surface: var(--surface-2);--card-border: var(--glass-border);--scrim: rgba(0, 0, 0, .5);--scrim-soft: rgba(0, 0, 0, .2);--scrim-strong: rgba(0, 0, 0, .6);--nav-backdrop: rgba(9, 9, 11, .85);--consent-backdrop: rgba(9, 9, 11, .94);--consent-text: #fafafa;--consent-border: rgba(255, 255, 255, .5);--on-red: #fafafa;--image-overlay: rgba(9, 9, 11, .78);--surface-mock: #1a1a1e;--surface-mock-2: #2a2a2e;--surface-mock-deep: #09090b;--surface-mock-dot: #3f3f46;--print-border: #ddd;--print-fill: #ccc;--print-line: #999;--print-bg-strong: #f0f0f0;--red-soft: rgba(200, 16, 46, .08);--red-glow-strong: rgba(200, 16, 46, .18);--accent-purple: #a855f7;--white: #fafafa;--white-2: #e4e4e7;--gray: #9898a0;--gray-2: #78787f;--gray-3: #3f3f46;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--space-5xl: 8rem;--section-gap: clamp(2.5rem, 5vw + 1rem, 6rem);--block-gap: clamp(1.25rem, 2.5vw + .5rem, 2.5rem);--hero-gap: clamp(4rem, 8vw + 1rem, 8rem);--content-gap: clamp(1rem, 2vw + .25rem, 1.5rem);--section-pad-tight: clamp(1.25rem, 2vw + .5rem, 2rem);--section-pad-default: clamp(2rem, 3vw + .75rem, 3rem);--section-pad-feature: clamp(2.75rem, 4.5vw + 1rem, 4rem);--radius-xs: 4px;--radius-sm: 8px;--radius-card: 12px;--radius-chip: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--max-width: 1200px;--max-width-narrow: 960px;--nav-height: 64px;--z-base: 1;--z-sticky: 100;--z-dropdown: 150;--z-overlay: 200;--z-modal: 900;--z-toast: 950;--z-grain: 99;--ease: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration: .2s;--duration-slow: .4s;--duration-glow: .6s;--glow-red: 0 0 40px rgba(200, 16, 46, .15), 0 0 80px rgba(200, 16, 46, .05);--glow-red-strong: 0 0 30px rgba(200, 16, 46, .25), 0 0 60px rgba(200, 16, 46, .1);--glow-card: 0 0 0 1px rgba(200, 16, 46, .1), 0 4px 20px rgba(200, 16, 46, .07);--gradient-hero: radial-gradient(ellipse 80% 50% at 20% 40%, rgba(200, 16, 46, .08) 0%, transparent 70%), radial-gradient(ellipse 60% 40% at 80% 60%, rgba(200, 16, 46, .05) 0%, transparent 60%);--gradient-section: linear-gradient(180deg, transparent 0%, rgba(200, 16, 46, .05) 50%, transparent 100%);--gradient-card-border: linear-gradient(135deg, rgba(200, 16, 46, .2), rgba(255, 255, 255, .05), rgba(200, 16, 46, .1));--shimmer: linear-gradient(105deg, transparent 40%, rgba(255, 255, 255, .03) 45%, rgba(255, 255, 255, .06) 50%, rgba(255, 255, 255, .03) 55%, transparent 60%)}:root{--success: #22c55e;--error: #ef4444;--warning: #eab308;--info: #60a5fa}[data-theme=light]{--surface-1: #ffffff;--surface-2: #f4f4f5;--surface-3: #e4e4e7;--glass: rgba(0, 0, 0, .03);--glass-border: rgba(0, 0, 0, .14);--glass-hover: rgba(0, 0, 0, .05);--white: #09090b;--white-2: #27272a;--gray: #5c5c66;--gray-2: #737378;--gray-3: #d4d4d8;--red-light: #c8102e;--red-glow: rgba(200, 16, 46, .05);--red-border: rgba(200, 16, 46, .25);--red-soft: rgba(200, 16, 46, .06);--red-glow-strong: rgba(200, 16, 46, .12);--scrim: rgba(0, 0, 0, .3);--scrim-soft: rgba(0, 0, 0, .08);--scrim-strong: rgba(0, 0, 0, .5);--nav-backdrop: rgba(255, 255, 255, .88);--consent-backdrop: rgba(9, 9, 11, .94);--consent-text: #fafafa;--consent-border: rgba(255, 255, 255, .5);--on-red: #fafafa;--image-overlay: rgba(9, 9, 11, .78);--surface-mock: #1a1a1e;--surface-mock-2: #2a2a2e;--surface-mock-deep: #09090b;--surface-mock-dot: #3f3f46;--print-border: #ddd;--print-fill: #ccc;--print-line: #999;--print-bg-strong: #f0f0f0;--accent-purple: #7e22ce;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .07);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .1);--glow-red: 0 0 30px rgba(200, 16, 46, .1), 0 0 60px rgba(200, 16, 46, .03);--glow-card: 0 4px 16px rgba(200, 16, 46, .05);--gradient-hero: radial-gradient(ellipse 80% 50% at 20% 40%, rgba(200, 16, 46, .04) 0%, transparent 70%);--gradient-section: linear-gradient(180deg, transparent 0%, rgba(200, 16, 46, .03) 50%, transparent 100%);--success: #16a34a;--error: #dc2626;--warning: #ca8a04;--info: #2563eb}@font-face{font-family:Inter;src:url(/fonts/inter-latin.woff2) format("woff2");font-weight:100 900;font-display:swap;font-style:normal;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}body{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:1.0625rem;font-weight:400;line-height:1.75;color:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-weight:800;color:var(--white);text-wrap:balance}h1{font-size:clamp(2.25rem,5vw,3.75rem);letter-spacing:-.04em;line-height:1.15}h2{font-size:clamp(1.75rem,3.5vw,2.625rem);letter-spacing:-.03em;line-height:1.15}h3{font-size:1.375rem;line-height:1.25}h4{font-size:1.125rem;font-weight:700;line-height:1.3}small,.text-small{font-size:.9375rem;line-height:1.7}.label{font-size:.9375rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--gray)}a{color:var(--red-light);text-decoration:none;transition:color var(--duration) var(--ease)}p a,.prose a,td a,blockquote a,main li a,.article-layout li a{text-decoration:underline;text-decoration-color:var(--red-border);text-underline-offset:2px}p a:hover,.prose a:hover,td a:hover,blockquote a:hover,main li a:hover,.article-layout li a:hover{text-decoration-color:var(--red)}a:hover{color:var(--red)}strong{font-weight:700}p+p{margin-top:var(--content-gap)}.print-only{display:none}@media print{@page{size:A4 portrait;margin:20mm 18mm 22mm 22mm;@top-right{content:"arocom.de";font:400 8pt Inter,sans-serif;color:#666}@bottom-left{content:"arocom GmbH · Plochinger Str. 14 · 73760 Ostfildern-Kemnat · roth@arocom.de";font:400 7.5pt Inter,sans-serif;color:#666}@bottom-right{content:"Seite " counter(page) " / " counter(pages);font:400 7.5pt Inter,sans-serif;color:#666}}@page :first{@top-right{content:""}}:lang(en){@page{@bottom-right{content:"Page " counter(page) " / " counter(pages)}}}:root,[data-theme=dark],[data-theme=light]{--surface-1: #ffffff !important;--surface-2: #ffffff !important;--surface-3: #ffffff !important;--white: #000000 !important;--white-2: #1a1a1a !important;--gray: #3f3f46 !important;--gray-2: #52525b !important;--gray-3: #a1a1aa !important;--glass: transparent !important;--glass-hover: transparent !important;--glass-border: #d4d4d8 !important;--red: #c8102e;--red-light: #c8102e !important;--red-dark: #a30d24;--red-glow: transparent !important;--red-border: #c8102e !important;--glow-red: none !important;--glow-red-strong: none !important;--glow-card: none !important;--shadow-sm: none !important;--shadow-md: none !important;--shadow-lg: none !important;--gradient-hero: none !important;--gradient-section: none !important;--gradient-card-border: none !important;--shimmer: none !important;--nav-height: 0 !important}html,body{background:#fff!important;color:#000!important;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:10.5pt;line-height:1.45;overflow:visible!important;-webkit-print-color-adjust:economy;print-color-adjust:economy}body:after,body:before{display:none!important;content:none!important}html{scroll-padding-top:0!important;scroll-behavior:auto!important}.nav,.footer,.skip-link,.toc,.toc-mobile-wrapper,.pillar-layout__toc,.share,.cta-block,.cta-inline,.trust-bar,.awards-bar,.logo-wall,.video-block,.interactive-placeholder,.legal-draft-banner,.agenturtipp-badge,.aggregate-badge,.related,.slider-progress,.hero__bg,.hero__gradient,.hero__orb,.hero__line,.hero__typewriter,.branded-image-wrap:after,.mobile-cta-bar,.slide-cta,.consent,.scroll-top,.vote,[aria-hidden=true][class*=orb],[aria-hidden=true][class*=bg],[aria-hidden=true][class*=gradient],iframe,video,audio,button[aria-expanded],form button[type=submit],[data-print=hide]{display:none!important}.hero:before,.hero:after,.hero__content:before,.hero__content:after,.btn--glow:before,.btn--glow:after,section:before,section:after{display:none!important;content:none!important;background:none!important}.pillar-layout,.pillar-layout__main,.breadcrumb-row{display:block!important;grid-template-columns:none!important}.reveal,.reveal-stagger,.reveal-stagger>*{opacity:1!important;transform:none!important;transition:none!important;animation:none!important}.container,.container--narrow,main,article,section,.prose,.article-layout,[class*=grid]{max-width:100%!important;width:auto!important;margin:0!important;padding:0!important;display:block!important;grid-template-columns:none!important;gap:0!important;float:none!important;position:static!important}section{padding:0 0 4mm!important;margin:0!important}main{display:block!important}:lang(de),:lang(de-DE),:lang(de-AT),:lang(de-CH),:not([lang]):not(html){hyphens:auto;-webkit-hyphens:auto;hyphenate-limit-chars:6 3 3}body{hyphens:auto}h1,h2,h3,h4,h5,h6{color:#000!important;font-weight:700;page-break-after:avoid;break-after:avoid;page-break-inside:avoid;break-inside:avoid;text-wrap:pretty;letter-spacing:-.01em}h1{font-size:22pt;line-height:1.2;margin:0 0 6mm}h2{font-size:15pt;line-height:1.25;margin:7mm 0 3mm;padding-bottom:1mm;border-bottom:.5pt solid #c8102e}h3{font-size:12.5pt;line-height:1.3;margin:5mm 0 2mm}h4{font-size:11pt;margin:4mm 0 1.5mm}p,li{orphans:3;widows:3;color:#000!important}p{margin:0 0 2.5mm}ul,ol{margin:0 0 3mm;padding-left:6mm}li{margin-bottom:1mm}li::marker{color:#c8102e}.label{color:#c8102e!important;font-size:8pt;letter-spacing:1.2px}small,.text-small{font-size:9pt}a{color:#000!important;text-decoration:underline;text-decoration-color:#c8102e;word-wrap:break-word}a[href^="http://"]:after,a[href^="https://"]:after{content:" ‹" attr(href) "›";font-size:.82em;font-weight:400;color:#666!important;text-decoration:none;word-break:break-all}a[href^="mailto:"]:after{content:" ‹✉ " attr(href) "›";font-size:.82em;color:#666!important;text-decoration:none}a[href^="tel:"]:after{content:" ‹☎ " attr(href) "›";font-size:.82em;color:#666!important;text-decoration:none}a[href^="#"]:after,.nav__logo:after,.footer a:after,.breadcrumb a:after,nav a:after,h1 a:after,h2 a:after,h3 a:after,h4 a:after,a.btn:after,a[aria-label]:after,abbr[title]:after{content:""!important}.btn{display:inline!important;padding:0!important;border:0!important;background:transparent!important;color:#000!important;font-weight:700;text-decoration:underline}.btn svg,.btn:after{display:none!important}a.btn[href^=http]:after,a.btn[href^="/"]:after{content:" ‹" attr(href) "›"!important;display:inline!important;font-size:.82em;color:#666!important;text-decoration:none;font-weight:400}.hero{padding:0 0 5mm!important;margin:0 0 5mm!important;background:none!important;border-bottom:.5pt solid #999!important;min-height:0!important}.hero__content{padding:0!important}.hero__title{font-size:22pt!important;color:#000!important;letter-spacing:-.02em}.hero__badge{display:inline-block!important;background:transparent!important;border:.5pt solid #c8102e!important;padding:.5mm 2mm!important;color:#c8102e!important;font-size:8pt!important;margin-bottom:2mm!important}.hero__subtitle,.hero__lead{color:#1a1a1a!important;font-size:11pt!important;max-width:none!important;margin:2mm 0 0!important}.breadcrumb{font-size:8.5pt!important;color:#666!important;margin:0 0 4mm!important;padding:0!important;border:0!important;background:transparent!important}.breadcrumb a{color:#666!important;text-decoration:none}.card,.reference-card,.review-card,figure{break-inside:avoid;page-break-inside:avoid;border:.5pt solid #c4c4c8!important;border-radius:2mm!important;background:#fff!important;box-shadow:none!important;padding:3.5mm!important;margin:0 0 3mm!important;color:#000!important}.card h3,.card h4{margin-top:0!important}.comparison{display:grid!important;grid-template-columns:1fr 1fr!important;gap:4mm!important;break-inside:avoid}.comparison__col{border:.5pt solid #c4c4c8!important;padding:3mm!important;background:#fff!important}details{break-inside:avoid;page-break-inside:avoid;border:0!important;border-bottom:.5pt solid #d4d4d8!important;padding:2mm 0!important;background:transparent!important}details>summary{font-weight:700;color:#000!important;list-style:none!important;cursor:default;padding:0!important}details>summary::-webkit-details-marker,details>summary::marker{display:none!important;content:""!important}details>summary:before{content:"▸ ";color:#c8102e}details>*:not(summary){display:block!important}.faq__icon{display:none!important}img{max-width:100%!important;max-height:90mm;height:auto!important;width:auto!important;object-fit:contain;filter:none!important;opacity:1!important;page-break-inside:avoid;break-inside:avoid}img.page-image,.branded-image-wrap img{max-height:55mm!important;width:auto!important;margin:0 auto 3mm!important}.branded-image,.branded-image.in-view{opacity:1!important;filter:none!important}picture{display:block}figcaption{font-size:9pt;color:#555!important;font-style:italic;margin-top:1mm}table{border-collapse:collapse!important;width:100%!important;page-break-inside:auto;margin:0 0 4mm;font-size:9.5pt}thead{display:table-header-group}tfoot{display:table-footer-group}tr{page-break-inside:avoid;break-inside:avoid}th,td{border:.5pt solid #a1a1aa!important;padding:1.5mm 2mm!important;text-align:left;vertical-align:top;color:#000!important}th{background:#f4f4f5!important;font-weight:700!important;border-bottom:1pt solid #000!important}blockquote{border-left:2pt solid #c8102e!important;padding:1mm 0 1mm 4mm!important;margin:3mm 0!important;color:#333!important;font-style:italic;page-break-inside:avoid;break-inside:avoid}pre,code{background:#f4f4f5!important;color:#000!important;border:.5pt solid #d4d4d8!important;font-family:Menlo,Consolas,Courier New,monospace;font-size:8.5pt}pre{padding:2mm 3mm;white-space:pre-wrap;word-wrap:break-word;page-break-inside:avoid;break-inside:avoid}code{padding:.3mm 1mm;border-radius:1mm}hr{border:0!important;border-top:.5pt solid #a1a1aa!important;margin:4mm 0!important}.prose{max-width:100%!important}.prose h2{margin-top:7mm!important;margin-bottom:3mm!important}.prose h3{margin-top:5mm!important;margin-bottom:2mm!important}.prose p{color:#000!important;margin-bottom:2.5mm!important}.prose ul,.prose ol{color:#000!important;padding-left:6mm!important}input,textarea,select{background:transparent!important;color:#000!important;border:0!important;border-bottom:.5pt solid #666!important;box-shadow:none!important}.ref-card{display:block!important;border:.5pt solid #c4c4c8!important;background:#fff!important;padding:3mm!important;margin:0 0 3mm!important;break-inside:avoid;page-break-inside:avoid;box-shadow:none!important}.ref-card__visual,.ref-card__desktop,.ref-card__mobile,.ref-card__fallback{display:none!important}.ref-card__content{padding:0!important}.ref-card__tag{color:#c8102e!important;font-size:8pt!important;letter-spacing:1.2px!important}.ref-card__title{color:#000!important;font-size:11.5pt!important;font-weight:700!important;margin:1mm 0!important}.ref-card__body{color:#1a1a1a!important;font-size:10pt!important;margin:0 0 2mm!important}.ref-card__chips{display:flex!important;flex-wrap:wrap!important;gap:2mm!important;margin-top:1mm!important}.ref-card__chip{border:.5pt solid #c4c4c8!important;padding:.5mm 2mm!important;font-size:8pt!important;color:#555!important;background:transparent!important;border-radius:2mm!important}.ref-card:after,.ref-card__visual:after,.ref-card__visual:before{content:none!important;display:none!important}.team-welcome{display:block!important;break-inside:avoid-page}.team-welcome__photo{position:static!important;border:.5pt solid #c4c4c8!important;border-radius:2mm!important;overflow:hidden!important;margin:0 0 3mm!important;aspect-ratio:16/7!important;background:#f4f4f5!important}.team-welcome__img{width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;object-position:center top!important;display:block!important}.team-welcome__overlay{position:static!important;background:none!important;padding:2mm 0!important;color:#000!important}.team-welcome__headline{color:#000!important;font-size:12pt!important}.team-welcome__sub{color:#333!important;font-size:9.5pt!important}.team-welcome__heading{color:#000!important;font-size:13pt!important}.team-welcome__body{color:#1a1a1a!important;font-size:10pt!important}.team-welcome__chips{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:3mm!important;page-break-inside:avoid;break-inside:avoid}.team-welcome__chip{border:.5pt solid #c4c4c8!important;border-radius:2mm!important;background:#fff!important;padding:3mm 2mm!important;break-inside:avoid}.team-welcome__avatar{width:18mm!important;height:18mm!important;max-height:18mm!important;min-width:18mm!important;border-radius:50%!important;object-fit:cover!important}.team-welcome__name{color:#000!important;font-size:9.5pt!important}.team-welcome__role{color:#555!important;font-size:8.5pt!important}.team-welcome__phone{color:#000!important;font-weight:700!important;text-decoration:none!important}.team-welcome__slider-progress,.team-welcome__slider-bar{display:none!important}.stimmen-section{page-break-before:auto;break-inside:auto}.stimmen-section__grid{display:block!important;grid-template-columns:none!important;gap:0!important}.rev-card{display:block!important;border:.5pt solid #c4c4c8!important;border-left:2pt solid #c8102e!important;border-radius:0!important;background:#fff!important;padding:3mm 4mm!important;margin:0 0 3mm!important;page-break-inside:avoid;break-inside:avoid;box-shadow:none!important}.rev-card__header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:2mm!important;margin-bottom:1.5mm!important}.rev-card__stars{color:#c8102e!important;font-size:9pt;letter-spacing:.5px}.rev-card__source,.rev-card__source--google,.rev-card__source--direct{border:.5pt solid #c4c4c8!important;padding:.5mm 2mm!important;border-radius:2mm!important;font-size:8pt!important;color:#555!important;text-decoration:none!important;background:transparent!important;font-weight:400!important}.rev-card__source:after{content:none!important}.rev-card__who{display:flex!important;align-items:center!important;gap:2.5mm!important;margin-top:1.5mm!important}.rev-card__avatar{width:10mm!important;height:10mm!important;min-width:10mm!important;border-radius:50%!important;background:#f4f4f5!important;color:#555!important;font-size:8.5pt!important;font-weight:600!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.rev-card__name{color:#000!important;font-size:10pt!important;font-weight:700!important}.rev-card__company{color:#555!important;font-size:9pt!important}.rev-card__meta{color:#1a1a1a!important}.rev-card__proj-link{color:#000!important;font-weight:600}.rev-card__partner-chip{border:.5pt solid #c4c4c8!important;padding:.5mm 2mm!important;font-size:8pt!important;color:#555!important;background:transparent!important}.rev-card__proj-link:after,.rev-card__partner-chip:after{content:none!important}.print-only{display:block!important}.screen-only,[data-print=hide]{display:none!important}.page-break-before{break-before:page;page-break-before:always}.page-break-after{break-after:page;page-break-after:always}.avoid-break{break-inside:avoid;page-break-inside:avoid}.no-print{display:none!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-height)}body{background-color:var(--surface-1);min-height:100dvh;overflow-x:hidden}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:var(--z-grain);opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}[data-theme=light] body:after{opacity:.015}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg)}.container--narrow{max-width:var(--max-width-narrow)}@media (max-width: 768px){.container{padding:0 var(--space-md)}*{min-width:0}}body{overflow-wrap:break-word;word-break:break-word}section,.faq-section{padding-block:var(--section-pad-default);position:relative;--card-surface: var(--surface-2);--card-border: var(--glass-border)}.section--dark,.section--feature{background:var(--surface-2);padding-block:var(--section-pad-feature);--card-surface: var(--surface-1);--card-border: transparent}.section>.container,.section>.container--narrow{display:flex;flex-direction:column;gap:var(--block-gap)}.section--plain,.section--related,.section--tight,section section{padding-block:var(--section-pad-tight)}.section__header{display:flex;flex-direction:column}.section__header>*+*{margin-top:var(--space-md)}.section__header>.label+h1,.section__header>.label+h2,.section__header>.label+h3{margin-top:var(--space-xs)}.section__header>h1,.section__header>h2{max-width:24ch}.section--hero{padding-block:var(--hero-gap) var(--section-pad-feature)}.section--dark+.section--dark,.section--feature+.section--feature,.section--dark+.section--feature,.section--feature+.section--dark{border-top:1px solid var(--glass-border)}:focus-visible{outline:2px solid var(--red);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background-color:var(--red);color:#fafafa;text-shadow:none;-webkit-text-fill-color:#fafafa}.reveal{opacity:0;transform:translateY(12px);transition:opacity .25s var(--ease),transform .25s var(--ease)}.reveal.revealed{opacity:1;transform:translateY(0)}.reveal-stagger>*{opacity:0;transform:translateY(8px);transition:opacity .2s var(--ease),transform .2s var(--ease)}.reveal-stagger.revealed>*:nth-child(1){transition-delay:0ms}.reveal-stagger.revealed>*:nth-child(2){transition-delay:40ms}.reveal-stagger.revealed>*:nth-child(3){transition-delay:80ms}.reveal-stagger.revealed>*:nth-child(4){transition-delay:.12s}.reveal-stagger.revealed>*:nth-child(5){transition-delay:.16s}.reveal-stagger.revealed>*:nth-child(6){transition-delay:.2s}.reveal-stagger.revealed>*{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.branded-image{transition:none!important;opacity:1!important}}img{max-width:100%;height:auto;display:block}.branded-image{transition:filter 1s ease,opacity 1s ease;opacity:.3;filter:grayscale(.8) brightness(.3)}.branded-image.in-view{opacity:1;filter:none}[data-theme=light] .branded-image{opacity:.4;filter:grayscale(.7) brightness(.7)}[data-theme=light] .branded-image.in-view{opacity:1;filter:none}.branded-image-wrap{position:relative;overflow:hidden}.branded-image-wrap:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit}.branded-image-wrap:after{background:radial-gradient(ellipse at center,transparent 50%,rgba(9,9,11,.3) 100%)}[data-theme=light] .branded-image-wrap:after{background:radial-gradient(ellipse at center,transparent 60%,rgba(255,255,255,.2) 100%)}.toc__link.active{color:var(--white)!important;font-weight:600}.toc__link.toc-active{color:var(--white)!important}.toc__link.toc-past{color:var(--white-2)!important;border-left-color:var(--red)!important}.toc__link.toc-past:before{height:100%!important;background:var(--red)!important}.prose{max-width:var(--max-width-narrow)}.prose h2{margin-top:var(--section-gap);margin-bottom:var(--block-gap)}.prose h3{margin-top:var(--block-gap);margin-bottom:var(--content-gap)}.prose p{margin-bottom:var(--space-md);color:var(--white-2)}.prose ul,.prose ol{margin-bottom:var(--space-md);padding-left:var(--space-lg);color:var(--white-2)}.prose li{margin-bottom:var(--space-xs)}.prose li::marker{color:var(--red)}.prose blockquote{border-left:3px solid var(--red);padding-left:var(--space-lg);margin:var(--space-xl) 0;color:var(--gray);font-style:italic}.prose code{background:var(--glass);padding:.125em .375em;border-radius:4px;font-size:.9375em}.prose hr{border:none;border-top:1px solid var(--glass-border);margin:var(--space-3xl) 0}.prose--meta p{font-size:.9375rem;color:var(--gray);margin-bottom:0}.prose--section-body{color:var(--white-2);max-width:60ch;line-height:1.75}.prose--section-body h2{margin-top:var(--block-gap)}.btn{display:inline-flex;align-items:center;align-self:flex-start;gap:var(--space-sm);padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-size:.9375rem;font-weight:600;text-decoration:none;transition:all var(--duration-glow) var(--ease);cursor:pointer;border:1px solid transparent;font-family:inherit}.btn svg{transition:transform var(--duration) var(--ease)}.btn:hover svg{transform:translate(3px)}.btn--primary{background:var(--red);color:#fafafa;border-color:var(--red)}.btn--primary:hover{background:var(--red-dark);border-color:var(--red-dark);color:#fafafa}.btn--outline{background:transparent;color:var(--white);border-color:var(--glass-border)}.btn--outline:hover{border-color:var(--white);color:var(--white)}.btn--ghost{background:transparent;color:var(--gray);padding-left:0;padding-right:0}.btn--ghost:hover{color:var(--white)}[data-theme=light] .btn--outline{border-color:var(--gray-3)}[data-theme=light] .btn--outline:hover{border-color:var(--white);background:var(--glass)}.skip-link{position:absolute;top:-100%;left:var(--space-md);z-index:var(--z-modal);padding:var(--space-sm) var(--space-lg);background:var(--red);color:var(--white);border-radius:var(--radius-sm);font-weight:600;font-size:.9375rem;text-decoration:none;transition:top var(--duration) var(--ease)}.skip-link:focus{top:var(--space-md)}@media (max-width: 768px){.grid--slider:not(.grid--mobile-1):not(.grid--mobile-2){display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 var(--space-md);gap:var(--space-md);padding-bottom:var(--space-sm);-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab}.grid--slider:not(.grid--mobile-1):not(.grid--mobile-2)::-webkit-scrollbar{display:none}.grid--slider:not(.grid--mobile-1):not(.grid--mobile-2)>*{flex:0 0 85%;max-width:85%;scroll-snap-align:start;min-width:0}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.flow>*+*{margin-block-start:var(--block-gap)}.flow-tight>*+*{margin-block-start:var(--content-gap)}.flow-loose>*+*{margin-block-start:var(--section-gap)}.glass{background:var(--glass);border:1px solid var(--glass-border);backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%)}
