:root {
  --octc-color-primary: #4f46e5;
  --octc-color-primary-hover: #4338ca;
  --octc-color-bg: #ffffff;
  --octc-color-bg-alt: #f5f7fb;
  --octc-color-text: #131a30;
  --octc-color-text-muted: #4f607b;
  --octc-color-border: #d2dbea;
  --octc-color-code-bg: #101a31;
  --octc-color-code-bg-top: #18264a;
  --octc-color-code-text: #edf3ff;
}
[data-theme="dark"] {
  --octc-color-primary: #818cf8;
  --octc-color-primary-hover: #a5b0fb;
  --octc-color-bg: #060816;
  --octc-color-bg-alt: #0d1528;
  --octc-color-text: #ebf2ff;
  --octc-color-text-muted: #8ea0bf;
  --octc-color-border: #223252;
  --octc-color-code-bg: #0a1020;
  --octc-color-code-bg-top: #0a1020;
  --octc-color-code-text: #e7f0ff;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --octc-color-primary: #818cf8;
    --octc-color-primary-hover: #a5b0fb;
    --octc-color-bg: #060816;
    --octc-color-bg-alt: #0d1528;
    --octc-color-text: #ebf2ff;
    --octc-color-text-muted: #8ea0bf;
    --octc-color-border: #223252;
    --octc-color-code-bg: #0a1020;
    --octc-color-code-bg-top: #0a1020;
    --octc-color-code-text: #e7f0ff;
  }
}
:root {
  --octc-sidebar-width: 244px;
  --octc-header-height: 60px;
  --octc-max-content-width: 860px;
}
:root {
  --octc-font-sans: -apple-system, "system-ui", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --octc-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, "Cascadia Mono", Consolas, monospace;
}
:root {
  --octc-motion-fast: 208ms;
  --octc-motion-base: 420ms;
  --octc-motion-slow: 810ms;
  --octc-motion-ease: cubic-bezier(0.2, 0, 0, 1);
  --octc-motion-spring: cubic-bezier(0.2, 0, 0, 1);
  --octc-motion-rise: 0.35rem;
}
@property --octc-sweep{syntax:"<percentage>";inherits:false;initial-value:0%}@property --octc-spin{syntax:"<angle>";inherits:false;initial-value:0deg}@view-transition{navigation:auto}.header{view-transition-name:octc-header}.sidebar{view-transition-name:octc-sidebar}.main{view-transition-name:octc-main}@media (prefers-reduced-motion:no-preference){::view-transition-old(octc-main){animation:octc-swap-out var(--octc-motion-base) var(--octc-motion-ease) both}::view-transition-new(octc-main){animation:octc-swap-in var(--octc-motion-base) var(--octc-motion-ease) both}}@keyframes octc-swap-out{to{opacity:0;transform:translateY(-0.5rem)}}@keyframes octc-swap-in{from{opacity:0;transform:translateY(0.75rem)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.content>h2,.feature-card{animation:octc-rise linear both;animation-timeline:view();animation-range:entry 0% entry 55%}.features-grid>:nth-child(2n){animation-range:entry 3% entry 58%}.features-grid>:nth-child(3n){animation-range:entry 6% entry 62%}.hero-name,.hero-text,.hero-tagline,.hero-actions{animation:octc-hero-in var(--octc-motion-slow) var(--octc-motion-spring) both}.hero-text{animation-delay:90ms}.hero-tagline{animation-delay:160ms}.hero-actions{animation-delay:240ms}}}@keyframes octc-rise{from{opacity:0;transform:translateY(var(--octc-motion-rise,0.6rem))}}@keyframes octc-hero-in{from{opacity:0;transform:translateY(var(--octc-motion-rise,0.6rem)) scale(0.994)}}.nav-link,.toc-link,.feature-card,.hero-action,.social-link,.search-button,.theme-toggle,.content a{transition:color var(--octc-motion-fast) var(--octc-motion-ease),background-color var(--octc-motion-fast) var(--octc-motion-ease),border-color var(--octc-motion-fast) var(--octc-motion-ease),box-shadow var(--octc-motion-base) var(--octc-motion-ease),transform var(--octc-motion-base) var(--octc-motion-spring)}.search-modal-overlay{transition:opacity var(--octc-motion-base) var(--octc-motion-ease),display var(--octc-motion-base) allow-discrete}@media (prefers-reduced-motion:no-preference){.search-modal{transition:transform var(--octc-motion-base) var(--octc-motion-spring)}@starting-style{.search-modal{transform:translateY(-0.75rem) scale(0.97)}}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:1ms !important;animation-iteration-count:1 !important;transition-duration:1ms !important;scroll-behavior:auto !important}}.entry-page .main{padding-inline:0}.entry-page .layout{padding-top:0}.entry-content{max-width:none;padding-inline:0}.entry-content>.content,.features{max-width:var(--octc-max-content-width);margin-inline:auto;padding-inline:clamp(1.25rem,4vw,2rem)}.hero{padding-inline:clamp(1.5rem,6vw,4rem);background-color:transparent;border-bottom:0;min-height:min(100vh,56rem);padding-block:calc(var(--octc-header-height) + clamp(3rem,11vh,7rem)) clamp(3.5rem,11vh,7rem)}.hero::after{content:"";position:absolute;inset:auto 0 0 0;height:clamp(6rem,22vh,14rem);z-index:0;pointer-events:none;background:linear-gradient(to bottom,transparent,var(--octc-color-bg))}.hero-content,.hero-notice,.hero-image{position:relative;z-index:1}.features{border-top:0}.header{background:transparent;border-bottom:0;box-shadow:none}body:not(.entry-page) .header{backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%)}@supports (animation-timeline:scroll()){.header{animation:var(--octc-header-scroll,octc-header-settle) linear both;animation-timeline:scroll(root block);animation-range:0 7rem}}@keyframes octc-header-settle{from{backdrop-filter:blur(0px) saturate(100%);-webkit-backdrop-filter:blur(0px) saturate(100%)}to{backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%)}}.sidebar,.toc{top:0;padding-top:calc(var(--octc-header-height) + 1rem)}.header-actions .social-link,.header-actions .theme-toggle{opacity:0.62;transition:opacity var(--octc-motion-fast) var(--octc-motion-ease)}.header:hover .social-link,.header:hover .theme-toggle,.header-actions :focus-visible{opacity:1}.content h1,.content h2,.content h3,.hero-name,.hero-text,.feature-title{text-wrap:balance}.content p,.content li,.hero-tagline,.feature-details{text-wrap:pretty}.content{hanging-punctuation:first last}.content table{font-variant-numeric:tabular-nums}.content a{text-underline-offset:0.18em;text-decoration-skip-ink:auto}.content h1 a,.content h2 a,.content h3 a{text-decoration:none}::selection{background:color-mix(in srgb,var(--octc-color-primary) 28%,transparent);color:var(--octc-color-text)}.sidebar,.toc,.content pre,.search-results{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--octc-color-text) 22%,transparent) transparent}.content pre{scroll-padding-inline:1rem}.content img,.content video,.content iframe{max-width:100%;height:auto}[data-theme="dark"] body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--octc-sw-rule:color-mix(in srgb,var(--octc-color-text) 88%,transparent);--octc-sw-hair:1px}.header,.sidebar,.toc,.search-modal,.nav-link,.content pre,.content blockquote,.feature-card,.hero-action,.social-link,.search-button,.theme-toggle{border-radius:0 !important}.header{border-bottom:2px solid var(--octc-sw-rule);background:var(--octc-color-bg)}.header-title{font-weight:700;letter-spacing:-0.02em;font-size:1.05rem}.sidebar{border-right:var(--octc-sw-hair) solid var(--octc-sw-rule);--octc-skin-sidebar-bg:var(--octc-color-bg);background:var(--octc-color-bg);padding-top:1.75rem}.toc{border-left:var(--octc-sw-hair) solid var(--octc-sw-rule);padding-top:2.25rem}.nav-title,.toc-title{font-weight:700;font-size:0.68rem;letter-spacing:0.14em;text-transform:uppercase;border-top:2px solid var(--octc-sw-rule);padding-top:0.5rem;margin-top:1.25rem}.nav-link{padding-left:0;border-bottom:var(--octc-sw-hair) solid color-mix(in srgb,var(--octc-sw-rule) 18%,transparent)}.nav-link:hover{background:transparent;padding-left:0.6rem}.nav-link.active{background:transparent;color:var(--octc-color-primary);font-weight:700;padding-left:0.6rem;box-shadow:inset 3px 0 0 0 var(--octc-color-primary)}.search-button,.theme-toggle,.social-link{border:var(--octc-sw-hair) solid var(--octc-sw-rule);background:transparent}.search-button:hover,.theme-toggle:hover,.social-link:hover{background:var(--octc-sw-rule);color:var(--octc-color-bg)}.search-modal{border:2px solid var(--octc-sw-rule);box-shadow:none}.content h1,.content h2,.content h3{font-weight:700;letter-spacing:-0.025em}.content h1{font-size:clamp(2.2rem,5vw,3.1rem);line-height:1.04}.content h2{border-bottom:2px solid var(--octc-sw-rule);padding-bottom:0.4rem;text-transform:none}.content h3{border-top:var(--octc-sw-hair) solid color-mix(in srgb,var(--octc-sw-rule) 30%,transparent);padding-top:0.6rem}.content p{max-width:68ch}.content a{text-decoration:underline;text-decoration-thickness:var(--octc-sw-hair);text-underline-offset:4px}.content a:hover{text-decoration-thickness:2px}.content pre{border:var(--octc-sw-hair) solid var(--octc-sw-rule);background:var(--octc-color-code-bg) !important}.content blockquote{border:0;border-left:2px solid var(--octc-sw-rule);background:transparent;padding-left:1.25rem;font-style:normal}.content table{border-top:2px solid var(--octc-sw-rule)}.content th{border-bottom:2px solid var(--octc-sw-rule);font-weight:700;text-transform:uppercase;letter-spacing:0.08em;font-size:0.72rem}.content td{border-bottom:var(--octc-sw-hair) solid color-mix(in srgb,var(--octc-sw-rule) 22%,transparent)}.content hr{height:2px;background:var(--octc-sw-rule);border:0}.hero{border-bottom:2px solid var(--octc-sw-rule);text-align:left;align-items:flex-start}.hero-content{margin:0;text-align:left}.hero-name{font-weight:700;letter-spacing:-0.055em;line-height:0.9;font-size:clamp(3rem,11vw,7rem)}.hero-text{font-weight:400;max-width:42ch}.hero-tagline{font-weight:400;max-width:52ch}.hero-actions{justify-content:flex-start}.hero-action{border:var(--octc-sw-hair) solid var(--octc-sw-rule);font-weight:500;letter-spacing:0.02em}.hero-action:hover{transform:translateX(6px)}.features .feature-card{border:0;border-top:2px solid var(--octc-sw-rule);padding:1.5rem 0 1.25rem;align-items:start}.features .feature-card:hover{transform:translateX(8px);background:transparent}.feature-title{font-weight:700;letter-spacing:-0.015em}:focus-visible{outline:2px solid var(--octc-color-primary);outline-offset:3px}.hero-action-brand,.hero-action-brand:hover,.hero-action-brand:focus-visible{background:var(--octc-brand-fill,var(--octc-color-primary));border-color:var(--octc-brand-edge,var(--octc-color-primary));color:var(--octc-brand-ink,var(--octc-color-bg))}.hero-action-brand:hover{background:var(--octc-brand-fill-hover,var(--octc-color-primary-hover));border-color:var(--octc-brand-edge-hover,var(--octc-color-primary-hover))}.hero-action-alt,.hero-action-alt:hover{color:var(--octc-color-text)}:root:root .sidebar{background:var(
--octc-skin-sidebar-bg,color-mix(in srgb,var(--octc-color-bg-alt) 16%,var(--octc-color-bg))
)}:root:root .nav-link:not(.active):hover{background:var(
--octc-skin-nav-hover-bg,color-mix(in srgb,var(--octc-color-bg-alt) 58%,transparent)
)}.header{border-bottom:0}.header{background-color:transparent;background-image:none;box-shadow:none}.content pre{box-shadow:none}
.header-nav { margin-left: 1.5rem; }
.header-title { gap: 0.4rem; }
.header-logo { margin-right: 0; }
.header-actions .social-link,
.header-actions .search-button,
.header-actions .theme-toggle {
  border: none; background: transparent; box-shadow: none;
  border-radius: 8px !important;
}
.header-actions .social-link:hover,
.header-actions .search-button:hover,
.header-actions .theme-toggle:hover {
  background: color-mix(in srgb, var(--octc-color-primary) 12%, transparent);
  color: var(--octc-color-primary);
}
.hero { display: grid; grid-template-columns: auto auto; grid-template-rows: 4.5rem 4.5rem auto auto; column-gap: 1.1rem; align-content: center; width: fit-content; margin-inline: auto; min-height: unset; padding-block: calc(var(--octc-header-height) + 2.5rem) 3rem; }
.hero-content { display: contents; }
.hero-image { grid-column: 1; grid-row: 1 / span 2; margin: 0; align-self: center; }
.hero-image img { width: 9rem; height: 9rem; }
.hero-image img.theme-asset--dark { display: none; }
[data-theme="dark"] .hero-image img.theme-asset--dark { display: block; }
[data-theme="dark"] .hero-image img.theme-asset--light { display: none; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .hero-image img.theme-asset--dark { display: block; }
  :root:not([data-theme="light"]) .hero-image img.theme-asset--light { display: none; }
}
.hero-name { grid-column: 2; grid-row: 1; align-self: start; margin: 0; line-height: 1; text-align: left; }
.hero-name::after { content: "CDK Direct"; display: inline-block; margin-left: 0.6rem; font-size: 0.85rem; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--octc-color-text-muted); transform: translateY(-0.9rem); }
.hero-text { grid-column: 2; grid-row: 2; align-self: end; margin: 0; text-align: left; font-size: 1.35rem; }
.hero-tagline { grid-column: 1 / -1; grid-row: 3; margin: 1.75rem 0 0; max-width: 36.5rem; }
.hero-actions { grid-column: 1 / -1; grid-row: 4; }
.hero-action { border-radius: 8px !important; }
.hero { border-bottom: 0; background: none; }
.hero::after { display: none; }
.features-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; column-gap: 2.5rem; }
@media (max-width: 900px) { .features-grid { grid-template-columns: 1fr; } }
.feature-card { animation: none; }
.feature-card:hover { transform: none; }
@media (max-width: 768px) {
  .hero { grid-template-columns: 1fr; grid-template-rows: auto auto auto auto auto; justify-items: center; text-align: center; }
  .hero-image { grid-column: 1; grid-row: 1; justify-self: center; }
  .hero-image img { width: 6.5rem; height: 6.5rem; }
  .hero-name { grid-column: 1; grid-row: 2; align-self: auto; margin-top: 1.25rem; text-align: center; }
  .hero-name::after { display: block; margin-left: 0; transform: none; font-size: 0.7rem; margin-top: 0.55rem; text-align: center; }
  .hero-text { grid-column: 1; grid-row: 3; align-self: auto; margin-top: 0.75rem; text-align: center; }
  .hero-tagline { grid-column: 1; grid-row: 4; margin-top: 1rem; text-align: center; }
  .hero-actions { grid-column: 1; grid-row: 5; }
}
.content p { max-width: none; }
.content h2 { border-bottom: 2px solid color-mix(in srgb, var(--octc-sw-rule) 45%, transparent); }
.nav-title, .toc-title { border-top: none; }
.sidebar { border-right: none; }
.toc { border-left: none; }
.nav-link {
  border-bottom: none;
  border-radius: 8px !important;
  padding: 0.32rem 0.6rem;
}
.nav-link:hover {
  padding-left: 0.6rem;
  background: color-mix(in srgb, var(--octc-color-primary) 10%, transparent);
  color: var(--octc-color-primary);
}
.nav-link.active {
  padding-left: 0.6rem;
  border-radius: 8px !important;
  background: color-mix(in srgb, var(--octc-color-primary) 14%, transparent);
  box-shadow: none;
}