[data-cro-section=home-hero]{background-image:radial-gradient(circle at 78% 44%, color-mix(in oklch, var(--color-accent) 12%, transparent) 0%, color-mix(in oklch, var(--color-accent) 5%, transparent) 24%, transparent 48%), radial-gradient(circle at 10% 86%, color-mix(in oklch, var(--color-highlight) 6%, transparent) 0%, transparent 34%)}[data-frame=hero\.live-workspace]{isolation:isolate;border-color:color-mix(in oklch, var(--color-accent-on-deep) 18%, var(--color-deep-line));background-image:radial-gradient(circle at 88% 2%, color-mix(in oklch, var(--color-accent-on-deep) 13%, transparent) 0%, transparent 34%), linear-gradient(145deg, color-mix(in oklch, var(--color-on-deep) 3%, transparent), transparent 36%);box-shadow:0 46px 110px -48px color-mix(in oklch, var(--color-deep) 92%, transparent), 0 0 72px -38px color-mix(in oklch, var(--color-accent-on-deep) 45%, transparent), 0 0 0 1px color-mix(in oklch, var(--color-on-deep) 8%, transparent), inset 0 1px 0 color-mix(in oklch, var(--color-on-deep) 10%, transparent);transition:transform .38s cubic-bezier(.22,1,.36,1),border-color .38s,box-shadow .38s;transform:translateZ(0)}[data-frame=hero\.live-workspace]:before{content:"$ system.init --surface home\a > verify.evidence_chain() ........ OK\a > connect.production() ........... LIVE\a > render.workspace() ............. READY";white-space:pre-wrap;z-index:12;pointer-events:none;box-sizing:border-box;background:var(--color-deep);color:var(--color-on-deep-soft);letter-spacing:.06em;clip-path:inset(0 0 76%);padding:clamp(4rem,14%,6rem) clamp(1rem,4vw,1.75rem) 1.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:clamp(.58rem,1.2vw,.7rem);font-weight:600;line-height:2;animation:2.55s cubic-bezier(.22,1,.36,1) forwards hero-workspace-boot;position:absolute;inset:0}[data-frame=hero\.live-workspace]:after{content:"";z-index:8;pointer-events:none;opacity:.14;background:linear-gradient(180deg, transparent 0%, color-mix(in oklch, var(--color-accent-on-deep) 10%, transparent) 48%, transparent 52%), repeating-linear-gradient(180deg, transparent 0, transparent 3px, color-mix(in oklch, var(--color-on-deep) 5%, transparent) 4px);background-position:0 -190px,0 0;background-size:100% 190px,100% 4px;animation:7.8s linear infinite hero-crt-sweep;position:absolute;inset:0}.project-system-visual{background-image:radial-gradient(circle at 50% 46%, color-mix(in oklch, var(--color-accent-on-deep) 7%, transparent) 0%, transparent 44%), linear-gradient(145deg, color-mix(in oklch, var(--color-on-deep) 4%, transparent), transparent 38%);box-shadow:inset 0 1px 0 color-mix(in oklch, var(--color-on-deep) 7%, transparent), inset 0 -26px 54px -48px color-mix(in oklch, var(--color-accent-on-deep) 50%, transparent)}.project-system-visual[data-system-awake=false] .project-system-glow{opacity:.18!important}.project-system-visual[data-system-awake=true] .project-system-glow{opacity:1!important}.project-system-visual .project-system-bg{animation:2.6s ease-out infinite project-live-beacon}@supports (animation-timeline:view()){[data-system-assembly] .space-y-4>.relative.grid{animation:linear both system-layer-view-reveal;animation-timeline:view();animation-range:entry 8% cover 30%}[data-system-assembly] .space-y-4>.relative.grid:nth-child(2n){--system-layer-shift:12px}[data-system-assembly] .space-y-4>.relative.grid:nth-child(odd){--system-layer-shift:-12px}}@media (hover:hover) and (pointer:fine){[data-frame=hero\.live-workspace]:hover{border-color:color-mix(in oklch, var(--color-accent-on-deep) 42%, var(--color-deep-line));box-shadow:0 58px 140px -54px color-mix(in oklch, var(--color-deep) 94%, transparent), 0 0 92px -38px color-mix(in oklch, var(--color-accent-on-deep) 55%, transparent), 0 0 0 1px color-mix(in oklch, var(--color-accent-on-deep) 15%, transparent), inset 0 1px 0 color-mix(in oklch, var(--color-on-deep) 11%, transparent);transform:translateY(-4px)translateZ(0)}[data-frame=hero\.live-workspace] a[href=\/projeler]:hover{animation:.22s steps(2,end) inspect-system-glitch}}@media (width>=1024px){[data-frame=hero\.live-workspace]{min-height:34rem}.project-system-visual{min-height:15.25rem}}@keyframes hero-workspace-boot{0%,10%{clip-path:inset(0 0 76%);opacity:1}28%{clip-path:inset(0 0 57%)}46%{clip-path:inset(0 0 38%)}64%{clip-path:inset(0 0 18%)}78%{clip-path:inset(0);opacity:1}to{clip-path:inset(0);opacity:0;visibility:hidden}}@keyframes hero-crt-sweep{0%{background-position:0 -190px,0 0}to{background-position:0 calc(100% + 190px),0 0}}@keyframes project-live-beacon{0%{box-shadow:0 0 0 0 color-mix(in oklch, currentColor 30%, transparent)}66%{box-shadow:0 0 0 7px color-mix(in oklch, currentColor 0%, transparent)}to{box-shadow:0 0 0 0 color-mix(in oklch, currentColor 0%, transparent)}}@keyframes system-layer-view-reveal{0%{opacity:.62;transform:translateX(var(--system-layer-shift,-12px))}to{opacity:1;transform:translate(0)}}@keyframes inspect-system-glitch{0%,to{transform:translate(0)}25%{transform:translate(-1px,1px)}50%{transform:translate(1px,-1px)}75%{transform:translate(1px)}}@media (prefers-reduced-motion:reduce){[data-frame=hero\.live-workspace]{transition:none}[data-frame=hero\.live-workspace]:before{display:none}[data-frame=hero\.live-workspace]:after{opacity:.05;background-position:0 0,0 0;animation:none}.project-system-visual .project-system-bg,[data-frame=hero\.live-workspace] a[href=\/projeler]:hover{animation:none!important}[data-system-assembly] .space-y-4>.relative.grid{opacity:1;transform:none;animation:none!important}}[data-cro-section=home-hero]{isolation:isolate}[data-cro-section=home-hero]:before{content:"";z-index:0;pointer-events:none;opacity:.34;background-image:linear-gradient(90deg, color-mix(in oklch, var(--color-accent) 7%, transparent) 1px, transparent 1px), linear-gradient(180deg, color-mix(in oklch, var(--color-accent) 5%, transparent) 1px, transparent 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 63% 46%,#000 0%,#0000 70%);mask-image:radial-gradient(circle at 63% 46%,#000 0%,#0000 70%)}[data-cro-section=home-hero]:after{content:"";z-index:0;aspect-ratio:1.6;pointer-events:none;border:1px solid color-mix(in oklch, var(--color-accent) 8%, transparent);opacity:.44;width:min(88vw,78rem);box-shadow:0 0 0 38px color-mix(in oklch, var(--color-accent) 2.8%, transparent), 0 0 0 112px color-mix(in oklch, var(--color-highlight) 2.4%, transparent);border-radius:50%;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 22% 78%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 22% 78%,#0000 100%)}[data-frame=hero\.headline]{isolation:isolate}[data-frame=hero\.headline]:before{content:"";z-index:-1;pointer-events:none;opacity:.72;background:radial-gradient(circle at 28% 36%, color-mix(in oklch, var(--color-accent) 8%, transparent) 0%, transparent 45%), radial-gradient(circle at 72% 74%, color-mix(in oklch, var(--color-highlight) 5%, transparent) 0%, transparent 42%);filter:blur(26px);position:absolute;inset:-12% -10% -16% -14%}[data-frame=hero\.live-workspace]{transform-origin:50% 58%;will-change:transform, box-shadow, border-color}[data-frame=hero\.live-workspace]>.grid-motif{opacity:.42;-webkit-mask-image:linear-gradient(145deg,#000 0% 54%,#0000 100%);mask-image:linear-gradient(145deg,#000 0% 54%,#0000 100%)}[data-frame=hero\.live-workspace] .rounded-xl{transition:border-color .26s,background-color .26s,box-shadow .26s,transform .26s cubic-bezier(.22,1,.36,1)}.project-system-visual{isolation:isolate;transition:transform .48s cubic-bezier(.22,1,.36,1),border-color .32s,box-shadow .32s}.project-system-visual:before{content:"";z-index:1;pointer-events:none;opacity:.32;background:linear-gradient(118deg, transparent 12%, color-mix(in oklch, var(--color-on-deep) 5%, transparent) 36%, transparent 58%);transition:transform .68s cubic-bezier(.22,1,.36,1),opacity .42s;position:absolute;inset:0;transform:translate(-38%)}.project-system-visual:after{content:"";z-index:0;pointer-events:none;background:color-mix(in oklch, var(--color-accent-on-deep) 10%, transparent);filter:blur(42px);opacity:.5;border-radius:50%;height:58%;transition:opacity .36s,transform .52s cubic-bezier(.22,1,.36,1);position:absolute;inset:auto 8% -36%}article:has(.project-system-visual){isolation:isolate;box-shadow:0 18px 52px -42px color-mix(in oklch, var(--color-deep) 70%, transparent), 0 0 0 1px color-mix(in oklch, var(--color-ink) 2.5%, transparent);position:relative}article:has(.project-system-visual):after{content:"";z-index:-1;pointer-events:none;border-radius:inherit;opacity:0;box-shadow:0 30px 68px -40px color-mix(in oklch, var(--color-accent) 36%, transparent);transition:opacity .32s;position:absolute;inset:0}[data-frame^=evidence-]{transition:background-color .26s,transform .32s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}[data-frame^=evidence-]:after{content:"";pointer-events:none;transform-origin:0;background:color-mix(in oklch, var(--color-accent) 32%, transparent);opacity:0;height:1px;transition:transform .36s cubic-bezier(.22,1,.36,1),opacity .26s;position:absolute;bottom:0;left:1rem;right:1rem;transform:scaleX(.18)}@media (hover:hover) and (pointer:fine){[data-frame=hero\.live-workspace]:hover{transform:translateY(-6px)scale(1.006)}[data-frame=hero\.live-workspace] .rounded-xl:hover{border-color:color-mix(in oklch, var(--color-accent-on-deep) 26%, var(--color-deep-line));background-color:color-mix(in oklch, var(--color-deep-raised) 72%, transparent);box-shadow:inset 0 1px 0 color-mix(in oklch, var(--color-on-deep) 7%, transparent);transform:translateY(-1px)}article:has(.project-system-visual):hover:after{opacity:1}article:has(.project-system-visual):hover .project-system-visual{box-shadow:inset 0 -42px 70px -56px color-mix(in oklch, var(--color-accent-on-deep) 62%, transparent);transform:translateY(-1px)scale(1.008)}article:has(.project-system-visual):hover .project-system-visual:before{opacity:.5;transform:translate(30%)}article:has(.project-system-visual):hover .project-system-visual:after{opacity:.8;transform:scale(1.06)}[data-frame^=evidence-]:hover{background:color-mix(in oklch, var(--color-accent) 2.6%, transparent);transform:translateY(-2px)}[data-frame^=evidence-]:hover:after{opacity:1;transform:scaleX(1)}}@media (width<=1023px){[data-cro-section=home-hero]:before{opacity:.2;background-size:54px 54px}[data-cro-section=home-hero]:after{opacity:.24;width:118vw;top:42%}[data-frame=hero\.headline]:before{opacity:.5;inset:-8% -4% -10% -8%}}@media (prefers-reduced-motion:reduce){[data-frame=hero\.live-workspace],[data-frame=hero\.live-workspace] .rounded-xl,.project-system-visual,.project-system-visual:before,.project-system-visual:after,[data-frame^=evidence-],[data-frame^=evidence-]:after{transition:none!important;transform:none!important}article:has(.project-system-visual):after{transition:none!important;transform:none!important}}.eight-zero-eight-appbar{display:none}.eight-zero-eight-loop-rail{grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;display:grid}.eight-zero-eight-layer-dialog{border-radius:1.75rem;width:min(60rem,100vw - 2.5rem);max-height:min(88dvh,52rem);top:50%;left:50%;transform:translate(-50%,-50%)}@media (width>=761px){.eight-zero-eight-native .eight-zero-eight-reference section:has(.eight-zero-eight-loop-rail)>.shell>.max-w-3xl{max-width:none}.eight-zero-eight-native .eight-zero-eight-reference section:has(.eight-zero-eight-loop-rail)>.shell>.max-w-3xl>p{max-width:48rem}}@media (width<=760px){body:has(.eight-zero-eight-native) [data-xray-component=SiteHeader]{display:none!important}body:has(.eight-zero-eight-native) [data-technical-console]{display:none!important}body:has(.eight-zero-eight-native) [data-canvas-tool]{display:none!important}body:has(.eight-zero-eight-native) button[aria-controls=global-ai-advisor]{display:none!important}body:has(.eight-zero-eight-native) .site-surface>div[class*=sticky][class*="z-[60]"]{display:none!important}body:has(.eight-zero-eight-native) .site-surface:before{background-image:none!important;background-color:var(--background)!important}:is(body:has(.eight-zero-eight-native) .site-main-surface,body:has(.eight-zero-eight-native) .site-route-content){background:var(--background)!important;overflow:visible!important}body:has(.eight-zero-eight-native) .site-route-content{padding-top:0!important}:is(body:has(.eight-zero-eight-native) .site-surface>#main~section,body:has(.eight-zero-eight-native) .site-surface>#main~footer){display:none!important}.eight-zero-eight-native{background:var(--background);min-height:100dvh}.eight-zero-eight-appbar{z-index:90;min-height:62px;padding:max(8px, env(safe-area-inset-top)) 14px 8px;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--background) 94%, transparent);-webkit-backdrop-filter:blur(20px)saturate(135%);grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:10px;display:grid;position:sticky;top:0}.eight-zero-eight-appbar>a{border:1px solid var(--border-strong);background:color-mix(in srgb, var(--card) 88%, transparent);width:44px;height:44px;color:var(--foreground);border-radius:14px;place-items:center;display:grid;box-shadow:0 4px 18px -12px #0000005c}.eight-zero-eight-appbar-copy{text-align:center;min-width:0}.eight-zero-eight-appbar-copy strong{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:720;line-height:1.15;display:block;overflow:hidden}.eight-zero-eight-appbar-copy span{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.1em;color:var(--muted-foreground);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;margin-top:2px;font-size:9px;line-height:1.2;display:block;overflow:hidden}.eight-zero-eight-native .shell{width:100%!important;max-width:none!important;padding-left:18px!important;padding-right:18px!important}.eight-zero-eight-native .eight-zero-eight-reference>section{padding-top:38px!important;padding-bottom:38px!important}.eight-zero-eight-native .eight-zero-eight-reference>section:first-child{padding-top:24px!important;padding-bottom:34px!important}.eight-zero-eight-native .eight-zero-eight-reference>section:first-child>.shell>.grid{gap:26px!important}.eight-zero-eight-native .eight-zero-eight-reference h1{letter-spacing:-.05em!important;max-width:12ch!important;margin-top:20px!important;font-size:clamp(2.2rem,10.4vw,2.8rem)!important;line-height:.98!important}.eight-zero-eight-native .eight-zero-eight-reference h1+p{max-width:none!important;margin-top:20px!important;font-size:15px!important;line-height:1.58!important}.eight-zero-eight-native .eight-zero-eight-reference section:not(:first-child) h2{letter-spacing:-.04em!important;margin-top:10px!important;font-size:29px!important;line-height:1.05!important}.eight-zero-eight-native .eight-zero-eight-reference section:not(:first-child) p{line-height:1.62}.eight-zero-eight-native .eight-zero-eight-reference>section:first-child .mt-8.flex.flex-wrap.gap-3{grid-template-columns:1fr!important;gap:9px!important;margin-top:22px!important;display:grid!important}.eight-zero-eight-native .eight-zero-eight-reference>section:first-child .mt-8.flex.flex-wrap.gap-3>a{justify-content:center;min-height:48px;border-radius:14px!important;width:100%!important}.eight-zero-eight-native .eight-zero-eight-reference>section:first-child .mt-8.flex.max-w-2xl{margin-top:22px!important;padding-top:16px!important}.eight-zero-eight-native .eight-zero-eight-layer-grid{grid-template-columns:1fr!important;gap:10px!important;margin-top:24px!important}.eight-zero-eight-native .eight-zero-eight-layer-grid>button{grid-template-rows:auto;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;column-gap:12px;border-radius:16px!important;min-height:0!important;padding:14px!important}.eight-zero-eight-native .eight-zero-eight-layer-grid>button>div:first-child{border-radius:12px!important;width:42px!important;height:42px!important}.eight-zero-eight-native .eight-zero-eight-layer-grid>button>div:nth-child(2){min-width:0}.eight-zero-eight-native .eight-zero-eight-layer-grid>button h3{margin-top:0!important;font-size:17px!important;line-height:1.2!important}.eight-zero-eight-native .eight-zero-eight-layer-grid>button p{margin-top:3px!important;font-size:12px!important;line-height:1.45!important}.eight-zero-eight-native .eight-zero-eight-layer-grid>button>span:last-child{white-space:nowrap;align-self:center;margin-top:0!important}.eight-zero-eight-native .eight-zero-eight-loop-rail{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-padding-inline:2px;overflow-x:auto;gap:10px!important;width:100%!important;margin-top:24px!important;padding:2px 2px 8px!important;display:flex!important}.eight-zero-eight-native .eight-zero-eight-loop-rail::-webkit-scrollbar{display:none}.eight-zero-eight-native .eight-zero-eight-loop-card{scroll-snap-align:start;flex:0 0 142px;min-height:124px;border-radius:16px!important;padding:15px!important}.eight-zero-eight-native .eight-zero-eight-loop-card p{margin-top:38px!important;font-size:18px!important;line-height:1.2!important}.eight-zero-eight-layer-dialog{width:100%;max-height:88dvh;padding-bottom:env(safe-area-inset-bottom);border-bottom:0;border-left:0;border-right:0;border-radius:24px 24px 0 0;inset:auto 0 0;transform:none}.eight-zero-eight-layer-dialog:before{content:"";background:color-mix(in srgb, var(--foreground) 18%, transparent);border-radius:999px;width:40px;height:4px;margin:8px auto 0;display:block}.eight-zero-eight-teaser-native>section{padding-top:14px!important;padding-bottom:16px!important}.eight-zero-eight-teaser-native .shell{padding-left:18px!important;padding-right:18px!important}.eight-zero-eight-teaser-native .shell>div{box-shadow:none!important;border-radius:18px!important;padding:20px!important}.eight-zero-eight-teaser-native h2{letter-spacing:-.04em!important;margin-top:12px!important;font-size:28px!important;line-height:1.04!important}.eight-zero-eight-teaser-native h2+p{margin-top:14px!important;font-size:14px!important;line-height:1.58!important}.eight-zero-eight-teaser-native a{min-height:46px;border-radius:14px!important}}.control-center-demo{--ccd-bg:#0b0f15;--ccd-panel:#111722;--ccd-panel-soft:#151d2a;--ccd-line:#ffffff17;--ccd-line-strong:#ffffff26;--ccd-text:#f4f1e8;--ccd-muted:#f4f1e89e;--ccd-faint:#f4f1e861;--ccd-accent:#a78bfa;--ccd-accent-soft:#a78bfa1f;background:radial-gradient(circle at 86% -10%, #7c5cdc2e, transparent 31rem), linear-gradient(180deg, #0c1119 0%, var(--ccd-bg) 42%, #090d13 100%);min-height:100dvh;color:var(--ccd-text);font-family:var(--font-sans,Inter, sans-serif)}.control-center-demo *{box-sizing:border-box}body:has(.control-center-demo) [data-xray-component=SiteHeader]{display:none!important}body:has(.control-center-demo) [data-technical-console]{display:none!important}body:has(.control-center-demo) [data-canvas-tool]{display:none!important}body:has(.control-center-demo) button[aria-controls=global-ai-advisor]{display:none!important}body:has(.control-center-demo) .site-surface>footer{display:none!important}body:has(.control-center-demo) .site-surface>div[class*=sticky][class*="z-[60]"]{display:none!important}:is(body:has(.control-center-demo) .site-route-content,body:has(.control-center-demo) .site-main-surface){overflow:visible!important}body:has(.control-center-demo) .site-route-content{padding-top:0!important}.ccd-topbar{z-index:80;min-height:68px;padding:max(10px, env(safe-area-inset-top)) 20px 10px;border-bottom:1px solid var(--ccd-line);-webkit-backdrop-filter:blur(22px)saturate(140%);background:#0b0f15e0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;display:grid;position:sticky;top:0}.ccd-icon-button,.ccd-topbar-cta{border:1px solid var(--ccd-line-strong);min-height:44px;color:var(--ccd-text);background:#ffffff09;border-radius:13px}.ccd-icon-button{place-items:center;width:44px;display:grid}.ccd-icon-button svg,.ccd-topbar-cta svg{width:18px;height:18px}.ccd-topbar-copy{min-width:0}.ccd-topbar-copy strong,.ccd-topbar-copy span{display:block}.ccd-topbar-copy strong{letter-spacing:-.02em;font-size:14px;font-weight:700}.ccd-topbar-copy span{font-family:var(--font-mono,monospace);letter-spacing:.14em;color:var(--ccd-faint);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:8px;overflow:hidden}.ccd-topbar-cta{align-items:center;gap:8px;padding:0 14px;font-size:12px;font-weight:700;display:inline-flex}.ccd-shell{grid-template-columns:250px minmax(0,1fr);min-height:calc(100dvh - 68px);display:grid}.ccd-sidebar{border-right:1px solid var(--ccd-line);background:#090d13b8;flex-direction:column;align-self:start;height:calc(100dvh - 68px);padding:24px 16px 20px;display:flex;position:sticky;top:68px}.ccd-brand{padding:0 10px 20px}.ccd-brand>span,.ccd-brand>strong,.ccd-brand>small{display:block}.ccd-brand>span{font-family:var(--font-mono,monospace);letter-spacing:.18em;color:var(--ccd-accent);font-size:9px}.ccd-brand>strong{font-family:var(--font-display,sans-serif);letter-spacing:-.04em;margin-top:2px;font-size:24px}.ccd-brand>small{color:var(--ccd-faint);margin-top:8px;font-size:11px;line-height:1.45}.ccd-side-nav{gap:5px;display:grid}.ccd-side-nav button{min-height:43px;color:var(--ccd-muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:11px;grid-template-columns:18px minmax(0,1fr) 14px;align-items:center;gap:10px;padding:0 11px;transition:all .16s;display:grid}.ccd-side-nav button:hover,.ccd-side-nav button.is-active{border-color:var(--ccd-line);color:var(--ccd-text);background:#ffffff0b}.ccd-side-nav button.is-active{background:var(--ccd-accent-soft);border-color:#a78bfa47}.ccd-side-nav button>svg:first-child,.ccd-nav-chevron{width:16px;height:16px}.ccd-nav-chevron{color:var(--ccd-faint)}.ccd-side-nav button span{font-size:12px;font-weight:650}.ccd-sidebar-note{border-top:1px solid var(--ccd-line);gap:10px;margin-top:auto;padding:18px 10px 0;display:flex}.ccd-sidebar-note>svg{width:16px;height:16px;color:var(--ccd-accent);flex:none}.ccd-sidebar-note strong,.ccd-sidebar-note span{display:block}.ccd-sidebar-note strong{font-size:11px}.ccd-sidebar-note span{color:var(--ccd-faint);margin-top:3px;font-size:9px;line-height:1.45}.ccd-reference-link{border:1px solid var(--ccd-line);color:var(--ccd-muted);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;margin:14px 8px 0;padding:10px 11px;font-size:10px;display:flex}.ccd-reference-link svg{width:13px;height:13px}.ccd-main{min-width:0;padding:30px clamp(24px,4vw,64px) 56px}.ccd-contextbar{justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.ccd-contextbar>div:first-child{max-width:800px}.ccd-eyebrow{font-family:var(--font-mono,monospace);letter-spacing:.16em;color:var(--ccd-accent);font-size:9px;font-weight:700}.ccd-contextbar h1,.ccd-section-head h2,.ccd-close-cta h2{font-family:var(--font-display,sans-serif);letter-spacing:-.045em;margin:0}.ccd-contextbar h1{max-width:15ch;margin-top:8px;font-size:clamp(32px,4vw,58px);line-height:.98}.ccd-contextbar p{max-width:760px;color:var(--ccd-muted);margin:16px 0 0;font-size:14px;line-height:1.7}.ccd-context-meta{flex-direction:column;flex:none;align-items:flex-end;gap:7px;display:flex}.ccd-context-meta span{font-family:var(--font-mono,monospace);color:var(--ccd-faint);align-items:center;gap:7px;font-size:9px;display:inline-flex}.ccd-context-meta svg{width:13px;height:13px}.ccd-guide,.ccd-overview,.ccd-module-surface,.ccd-close-cta{border:1px solid var(--ccd-line);background:#111722c7;border-radius:20px;margin-top:28px;box-shadow:0 24px 70px #0003}.ccd-guide{padding:20px}.ccd-guide-head,.ccd-section-head{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.ccd-guide-head strong{margin-top:5px;font-size:15px;display:block}.ccd-guide-head>span{font-family:var(--font-mono,monospace);color:var(--ccd-faint);font-size:9px}.ccd-guide-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:16px;display:grid}.ccd-guide-grid button{border:1px solid var(--ccd-line);min-height:138px;color:var(--ccd-muted);text-align:left;background:#ffffff06;border-radius:14px;padding:14px;transition:all .16s;position:relative;overflow:hidden}.ccd-guide-grid button:hover,.ccd-guide-grid button.is-active{color:var(--ccd-text);background:#a78bfa14;border-color:#a78bfa57}.ccd-guide-grid button.is-complete:after{content:"";background:#a78bfaa6;width:2px;position:absolute;inset:0 auto 0 0}.ccd-guide-icon{border:1px solid var(--ccd-line);background:#ffffff08;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.ccd-guide-icon svg{width:15px;height:15px}.ccd-guide-code{font-family:var(--font-mono,monospace);color:var(--ccd-faint);margin-top:13px;font-size:8px;display:block}.ccd-guide-grid strong,.ccd-guide-grid small{display:block}.ccd-guide-grid strong{margin-top:4px;font-size:12px}.ccd-guide-grid small{color:var(--ccd-faint);margin-top:5px;font-size:10px;line-height:1.45}.ccd-guide-next{color:var(--ccd-accent);background:0 0;border:0;align-items:center;gap:8px;margin-top:12px;padding:6px 2px;font-size:10px;font-weight:700;display:inline-flex}.ccd-guide-next svg{width:14px;height:14px}.ccd-overview,.ccd-module-surface{padding:22px}.ccd-section-head h2{margin-top:6px;font-size:clamp(24px,3vw,36px)}.ccd-section-head>small{color:var(--ccd-faint);font-size:10px}.ccd-module-map{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px;display:grid}.ccd-module-map button{border:1px solid var(--ccd-line);min-height:86px;color:var(--ccd-text);text-align:left;background:#ffffff06;border-radius:14px;grid-template-columns:38px minmax(0,1fr) 14px;align-items:center;gap:11px;padding:13px;transition:all .16s;display:grid}.ccd-module-map button:hover{background:#a78bfa12;border-color:#a78bfa57;transform:translateY(-2px)}.ccd-module-icon{background:var(--ccd-accent-soft);width:38px;height:38px;color:var(--ccd-accent);border:1px solid #a78bfa47;border-radius:11px;place-items:center;display:grid}.ccd-module-icon svg{width:18px;height:18px}.ccd-module-copy strong,.ccd-module-copy small{display:block}.ccd-module-copy strong{font-size:12px}.ccd-module-copy small{color:var(--ccd-faint);margin-top:4px;font-size:9px;line-height:1.4}.ccd-module-map button>svg{width:14px;height:14px;color:var(--ccd-faint)}.ccd-system-flow{border-top:1px solid var(--ccd-line);grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:10px;margin-top:18px;padding-top:18px;display:grid}.ccd-system-flow>div{border:1px solid var(--ccd-line);border-radius:12px;align-items:center;gap:10px;min-height:58px;padding:10px;display:flex}.ccd-system-flow>div>svg{width:17px;height:17px;color:var(--ccd-accent);flex:none}.ccd-system-flow small,.ccd-system-flow strong{display:block}.ccd-system-flow small{font-family:var(--font-mono,monospace);color:var(--ccd-faint);font-size:7px}.ccd-system-flow strong{margin-top:3px;font-size:9px;line-height:1.35}.ccd-flow-arrow{width:14px;height:14px;color:var(--ccd-faint)}.ccd-layer-chip{border:1px solid var(--ccd-line);color:var(--ccd-muted);border-radius:999px;align-items:center;gap:7px;padding:8px 10px;font-size:9px;display:inline-flex}.ccd-layer-chip svg{width:14px;height:14px;color:var(--ccd-accent)}.ccd-module-grid{grid-template-columns:1.1fr .95fr .95fr;gap:10px;margin-top:20px;display:grid}.ccd-panel{border:1px solid var(--ccd-line);background:#080c1275;border-radius:14px;min-width:0;padding:14px}.ccd-panel>header{border-bottom:1px solid var(--ccd-line);justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.ccd-panel>header span{font-family:var(--font-mono,monospace);letter-spacing:.1em;color:var(--ccd-muted);text-transform:uppercase;font-size:8px;font-weight:700}.ccd-panel>header svg{width:15px;height:15px;color:var(--ccd-accent)}.ccd-queue-list{gap:7px;margin-top:12px;display:grid}.ccd-queue-list>div{border:1px solid var(--ccd-line);background:#ffffff05;border-radius:11px;grid-template-columns:auto minmax(0,1fr) 14px;align-items:center;gap:9px;padding:10px;display:grid}.ccd-state{min-width:47px;min-height:22px;font-family:var(--font-mono,monospace);letter-spacing:.06em;border-radius:7px;justify-content:center;align-items:center;padding:0 6px;font-size:7px;font-weight:700;display:inline-flex}.ccd-state-ready{color:#86eface6;background:#4ade8017}.ccd-state-review{color:#fde047db;background:#facc1514}.ccd-state-observe{color:#93c5fde6;background:#60a5fa17}.ccd-queue-list strong,.ccd-queue-list small{display:block}.ccd-queue-list strong{font-size:10px}.ccd-queue-list small{color:var(--ccd-faint);margin-top:3px;font-size:8px}.ccd-queue-list>div>svg{width:13px;height:13px;color:var(--ccd-faint)}.ccd-flow-list{margin-top:12px}.ccd-flow-list>div{grid-template-columns:26px minmax(0,1fr);gap:9px;min-height:52px;display:grid;position:relative}.ccd-flow-list>div>span{z-index:2;border:1px solid var(--ccd-line-strong);background:var(--ccd-panel);width:26px;height:26px;font-family:var(--font-mono,monospace);color:var(--ccd-accent);border-radius:8px;place-items:center;font-size:7px;display:grid;position:relative}.ccd-flow-list strong{padding-top:6px;font-size:9px;line-height:1.4}.ccd-flow-line{background:var(--ccd-line-strong);width:1px;position:absolute;top:26px;bottom:0;left:13px}.ccd-integration-list{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.ccd-integration-list>span{border:1px solid var(--ccd-line);min-height:31px;color:var(--ccd-muted);border-radius:9px;align-items:center;gap:7px;padding:0 9px;font-size:8px;display:inline-flex}.ccd-connection-dot{background:var(--ccd-accent);border-radius:999px;width:6px;height:6px;box-shadow:0 0 0 3px #a78bfa1a}.ccd-connection-note{border-top:1px solid var(--ccd-line);gap:10px;margin-top:14px;padding-top:14px;display:flex}.ccd-connection-note svg{width:15px;height:15px;color:var(--ccd-accent);flex:none}.ccd-connection-note p{color:var(--ccd-faint);margin:0;font-size:9px;line-height:1.55}.ccd-close-cta{background:linear-gradient(135deg,#a78bfa1c,#111722e6);border-color:#a78bfa3b;justify-content:space-between;align-items:center;gap:28px;padding:24px;display:flex}.ccd-close-cta>div{max-width:760px}.ccd-close-cta h2{margin-top:6px;font-size:clamp(25px,3vw,38px)}.ccd-close-cta p{color:var(--ccd-muted);margin:11px 0 0;font-size:12px;line-height:1.65}.ccd-close-cta>button{background:var(--ccd-text);color:#0b0f15;border:0;border-radius:13px;flex:none;align-items:center;gap:9px;min-height:46px;padding:0 16px;font-size:11px;font-weight:750;display:inline-flex}.ccd-close-cta>button svg{width:16px;height:16px}.ccd-mobile-nav,.ccd-more-backdrop{display:none}@media (width<=980px){.ccd-shell{grid-template-columns:200px minmax(0,1fr)}.ccd-sidebar{padding-left:10px;padding-right:10px}.ccd-main{padding-left:24px;padding-right:24px}.ccd-guide-grid,.ccd-module-map{grid-template-columns:repeat(2,minmax(0,1fr))}.ccd-module-grid{grid-template-columns:1fr 1fr}.ccd-integrations-panel{grid-column:1/-1}.ccd-system-flow{grid-template-columns:1fr 1fr}.ccd-system-flow .ccd-flow-arrow{display:none}}@media (width<=760px){.control-center-demo{padding-bottom:calc(78px + env(safe-area-inset-bottom))}.ccd-topbar{gap:10px;min-height:62px;padding-left:14px;padding-right:14px}.ccd-topbar-cta{justify-content:center;width:44px;padding:0}.ccd-topbar-cta span{display:none}.ccd-shell{min-height:auto;display:block}.ccd-sidebar{display:none}.ccd-main{padding:22px 16px 34px}.ccd-contextbar{display:block}.ccd-contextbar h1{max-width:12ch;font-size:clamp(2.05rem,10.6vw,2.65rem);line-height:.98}.ccd-contextbar p{font-size:13px;line-height:1.6}.ccd-context-meta{align-items:flex-start;margin-top:15px}.ccd-guide,.ccd-overview,.ccd-module-surface,.ccd-close-cta{border-radius:17px;margin-top:20px}.ccd-guide,.ccd-overview,.ccd-module-surface{padding:16px}.ccd-guide-head,.ccd-section-head{align-items:flex-start}.ccd-guide-grid{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:9px;margin:16px -16px 0;padding:0 16px 4px;display:flex;overflow-x:auto}.ccd-guide-grid::-webkit-scrollbar{display:none}.ccd-guide-grid button{scroll-snap-align:start;flex:0 0 166px;min-height:142px}.ccd-section-head>small,.ccd-layer-chip{display:none}.ccd-section-head h2{font-size:26px;line-height:1.03}.ccd-module-map{grid-template-columns:1fr;gap:8px;margin-top:16px}.ccd-module-map button{min-height:72px}.ccd-system-flow{scroll-snap-type:x mandatory;scrollbar-width:none;gap:9px;margin:17px -16px 0;padding:16px 16px 2px;display:flex;overflow-x:auto}.ccd-system-flow::-webkit-scrollbar{display:none}.ccd-system-flow>div{scroll-snap-align:start;flex:0 0 164px}.ccd-module-grid{grid-template-columns:1fr;gap:9px;margin-top:16px}.ccd-integrations-panel{grid-column:auto}.ccd-panel{padding:13px}.ccd-close-cta{padding:18px;display:block}.ccd-close-cta h2{font-size:26px;line-height:1.03}.ccd-close-cta>button{justify-content:center;width:100%;margin-top:18px}.ccd-mobile-nav{z-index:95;min-height:calc(64px + env(safe-area-inset-bottom));border-top:1px solid var(--ccd-line-strong);padding:6px 8px calc(6px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(22px)saturate(145%);background:#090d13f0;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;inset:auto 0 0}.ccd-mobile-nav button{min-height:50px;color:var(--ccd-faint);background:0 0;border:0;border-radius:12px;align-content:center;place-items:center;gap:3px;display:grid}.ccd-mobile-nav button.is-active{background:var(--ccd-accent-soft);color:var(--ccd-text)}.ccd-mobile-nav svg{width:17px;height:17px}.ccd-mobile-nav span{font-size:8px;font-weight:650}.ccd-more-backdrop{z-index:110;background:#0000008a;align-items:flex-end;display:flex;position:fixed;inset:0}.ccd-more-sheet{border:1px solid var(--ccd-line-strong);width:100%;max-height:min(76dvh,620px);padding:10px 16px calc(18px + env(safe-area-inset-bottom));background:#0e141e;border-bottom:0;border-radius:24px 24px 0 0;overflow-y:auto;box-shadow:0 -28px 80px #0000006b}.ccd-more-handle{background:#fff3;border-radius:999px;width:42px;height:4px;margin:0 auto 13px}.ccd-more-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.ccd-more-head strong{margin-top:4px;font-size:15px;display:block}.ccd-more-head button{border:1px solid var(--ccd-line);width:40px;height:40px;color:var(--ccd-text);background:#ffffff09;border-radius:12px;place-items:center;display:grid}.ccd-more-head button svg{width:17px;height:17px}.ccd-more-grid{gap:8px;margin-top:16px;display:grid}.ccd-more-grid button{border:1px solid var(--ccd-line);min-height:68px;color:var(--ccd-text);text-align:left;background:#ffffff06;border-radius:14px;grid-template-columns:38px minmax(0,1fr) 15px;align-items:center;gap:11px;padding:10px 12px;display:grid}.ccd-more-grid button>svg:first-child{width:18px;height:18px;color:var(--ccd-accent)}.ccd-more-grid button>svg:last-child{width:14px;height:14px;color:var(--ccd-faint)}.ccd-more-grid strong,.ccd-more-grid small{display:block}.ccd-more-grid strong{font-size:12px}.ccd-more-grid small{color:var(--ccd-faint);margin-top:3px;font-size:9px}.ccd-more-reference{border-top:1px solid var(--ccd-line);color:var(--ccd-accent);justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:15px 3px 0;font-size:10px;font-weight:700;display:flex}.ccd-more-reference svg{width:14px;height:14px}}body:has(.control-center-demo) section[aria-label=Yasal\ bağlantılar]{display:none!important}body:has(.control-center-demo) .site-surface:before{opacity:0!important}body:has(.control-center-demo) .site-main-surface{min-height:100dvh}body:has(.control-center-demo) .site-route-content{min-height:100dvh}body:has(.control-center-demo) .site-route-content>div{min-height:100dvh}@media (width<=760px){.control-center-demo .ccd-topbar{min-height:64px;padding:max(10px, env(safe-area-inset-top)) 14px 10px;-webkit-backdrop-filter:none;background:#0b0f15;position:sticky;top:0}.control-center-demo .ccd-main{padding-top:18px}.control-center-demo .ccd-contextbar{margin-top:0}}