/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:"Blender Bold", "Arial Narrow", sans-serif;--font-mono:"IBM Plex Mono", monospace;--spacing:.25rem;--container-md:28rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:"Blender Bold", "Arial Narrow", sans-serif;--default-mono-font-family:"IBM Plex Mono", monospace;--color-border:var(--border)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--color-border);box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);min-width:320px;color:var(--foreground);font-family:var(--font-sans);margin:0;overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit}img,svg{max-width:100%}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.static{position:static}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.min-h-screen{min-height:100vh}.max-w-md{max-width:var(--container-md)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.border{border-style:var(--tw-border-style);border-width:1px}.border-input{border-color:var(--input)}.bg-background{background-color:var(--background)}.bg-primary{background-color:var(--primary)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-2{padding-block:calc(var(--spacing) * 2)}.text-center{text-align:center}.text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-foreground{color:var(--foreground)}.text-muted-foreground{color:var(--muted-foreground)}.text-primary-foreground{color:var(--primary-foreground)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.running{animation-play-state:running}@media (hover:hover){.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, var(--primary) 90%, transparent)}}}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@font-face{font-family:Blender Bold;src:url(/assets/Blender-Bold-DXqARnt0.woff2)format("woff2");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Neon Street;src:url(/assets/NeonStreet-Regular-dCZH8Wrj.otf)format("opentype");font-style:normal;font-weight:400;font-display:swap}:root{--radius:.8rem;--background:oklch(12% .025 245);--foreground:oklch(97% .008 240);--card:oklch(17% .03 245/.84);--card-foreground:oklch(97% .008 240);--popover:oklch(15% .03 245);--popover-foreground:oklch(97% .008 240);--primary:oklch(78% .15 215);--primary-foreground:oklch(12% .025 245);--secondary:oklch(22% .035 245);--secondary-foreground:oklch(97% .008 240);--muted:oklch(19% .03 245);--muted-foreground:oklch(76% .035 235);--accent:oklch(24% .05 220);--accent-foreground:oklch(97% .008 240);--destructive:oklch(65% .2 25);--destructive-foreground:oklch(98% 0 0);--border:oklch(90% .03 225/.25);--input:oklch(90% .03 225/.18);--ring:oklch(78% .15 215);--glass:oklch(16% .035 245/.55);--glass-strong:oklch(11% .03 245/.76);--line:oklch(94% .03 225/.27);--sky:oklch(78% .15 215);--terminal:oklch(8% .02 245/.94);--terminal-foreground:oklch(82% .15 190);--shadow-glass:0 22px 60px oklch(2% .02 245/.38), inset 0 1px 0 oklch(100% 0 0/.13)}.site-shell{background:linear-gradient(oklch(11% .025 245),oklch(15% .03 245));min-height:100vh;overflow-x:hidden}.content-section{scroll-margin-top:90px}.section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:18px;display:flex}.section-heading>div>p,.section-kicker,.eyebrow{color:var(--primary);font-family:var(--font-mono);letter-spacing:.14em;margin:0 0 20px;font-size:.68rem;font-weight:500}.section-heading>div>p{margin-bottom:7px}.section-heading h2{letter-spacing:-.04em;margin:0;font-size:clamp(1.8rem,3vw,2.7rem);line-height:1}.section-heading>span{color:var(--muted-foreground);font-size:.72rem}:root{--home-section-offset:90px}.content-section{min-height:calc(100dvh - var(--home-section-offset));scroll-margin-top:var(--home-section-offset);align-content:center}@media (width<=780px){:root{--home-section-offset:74px}.content-section{scroll-margin-top:var(--home-section-offset)}}@keyframes blink{50%{opacity:0}}@media (width<=1150px){.section-heading{flex-direction:column;align-items:start;gap:9px}}@media (width<=780px){.section-heading>span{font-size:.67rem}}@media (width<=480px){.section-heading{gap:7px;margin-bottom:14px}.section-heading h2{font-size:clamp(1.65rem,9vw,2rem)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.topbar{z-index:1000;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:oklch(8% .025 245/.3);grid-template-columns:1fr auto 1fr;align-items:center;width:100%;min-height:74px;padding:0 clamp(24px,4vw,64px);transition:width .36s cubic-bezier(.2,.7,.2,1),height .36s cubic-bezier(.2,.7,.2,1),top .36s cubic-bezier(.2,.7,.2,1),left .36s cubic-bezier(.2,.7,.2,1),padding .36s cubic-bezier(.2,.7,.2,1),border-radius .36s cubic-bezier(.2,.7,.2,1),background .36s,box-shadow .36s,transform .36s cubic-bezier(.2,.7,.2,1);display:grid;position:fixed;top:0;left:50%;transform:translate(-50%)}.topbar.is-side-menu{border:1px solid var(--line);width:78px;height:auto;min-height:0;box-shadow:var(--shadow-glass), 0 0 28px oklch(78% .15 215/.08);background:oklch(7% .025 245/.84);border-radius:16px;flex-direction:column;align-items:stretch;gap:14px;padding:12px 10px;display:flex;top:50%;left:calc(100% - 98px);right:auto;transform:translateY(-50%)}.topbar.is-side-menu .wordmark{justify-self:center;justify-items:center;gap:5px;font-size:0;display:grid}.topbar.is-side-menu .brand-mark{width:34px;height:34px}.topbar.is-side-menu .desktop-nav{flex-direction:column;align-items:stretch;gap:2px;width:100%;display:flex}.topbar.is-side-menu .desktop-nav a{letter-spacing:.03em;text-align:center;justify-content:center;padding:9px 2px;font-size:.57rem;display:flex}.topbar.is-side-menu .desktop-nav a:after{display:none}.topbar.is-side-menu .desktop-nav a.is-active{color:var(--primary);background:oklch(78% .15 215/.07);border:1px solid oklch(78% .15 215/.34);border-radius:7px;box-shadow:inset 0 0 14px oklch(78% .15 215/.05)}.topbar.is-side-menu .topbar-actions{flex-direction:column;justify-self:stretch;gap:7px;width:100%;display:flex}.topbar.is-side-menu .github-link,.topbar.is-side-menu .linkedin-link,.topbar.is-side-menu .connect-action{border-radius:8px;justify-content:center;min-height:34px;padding:0 6px;font-size:.54rem}.topbar.is-side-menu .github-link span,.topbar.is-side-menu .linkedin-link span,.topbar.is-side-menu .connect-action{font-size:0}.topbar.is-side-menu .github-link svg,.topbar.is-side-menu .linkedin-link svg,.topbar.is-side-menu .connect-action svg{width:15px;height:15px}.topbar.is-side-menu .menu-button{display:none}.wordmark{letter-spacing:-.02em;justify-self:start;align-items:center;gap:12px;font-size:1rem;font-weight:700;display:inline-flex}.brand-mark{width:31px;height:31px;color:var(--primary);font-family:var(--font-mono);letter-spacing:-.22em;place-items:center;font-size:.66rem;font-weight:700;display:inline-grid;position:relative}.brand-mark:before{content:"";border-left:3px solid var(--primary);border-top:3px solid #0000;position:absolute;inset:1px 7px 1px 1px;transform:skew(-18deg)}.brand-mark span{z-index:1;position:relative}.brand-mark span:first-child{transform:translate(-2px)}.brand-mark span:last-child{color:oklch(97% .008 240);transform:translate(5px)}.desktop-nav{color:oklch(86% .025 235);align-items:center;gap:clamp(20px,3vw,40px);font-size:.76rem;display:flex}.desktop-nav a{color:oklch(86% .025 235);border:1px solid #0000;border-radius:999px;padding:10px 13px;transition:color .18s,border-color .18s,background .18s,box-shadow .18s,transform .18s;position:relative}.desktop-nav a:before{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(135deg,oklch(100% 0 0/.1),oklch(100% 0 0/.02));transition:opacity .18s;position:absolute;inset:0}.desktop-nav a.is-active{color:var(--foreground);-webkit-backdrop-filter:blur(14px)saturate(140%);background:linear-gradient(135deg,oklch(95% .02 220/.13),oklch(70% .03 220/.05));border-color:oklch(94% .03 225/.28);box-shadow:inset 0 1px oklch(100% 0 0/.18),inset 0 -1px oklch(0% 0 0/.1),0 8px 24px oklch(2% .02 245/.18)}.desktop-nav a.is-active:before{opacity:1}.desktop-nav a:hover{color:var(--primary);background:oklch(90% .03 225/.05);border-color:oklch(94% .03 225/.16)}.nav-label{display:inline-block;position:relative}.desktop-nav a.is-scanning .nav-label,.mobile-nav a.is-scanning .nav-label{animation:.76s step-end nav-glitch-scan}@keyframes nav-glitch-scan{0%{opacity:1;text-shadow:none;transform:translate(0)}8%{opacity:.65;text-shadow:3px 0 var(--primary);transform:translate(-3px)}16%{opacity:1;text-shadow:-3px 0 var(--primary);transform:translate(3px)}24%{opacity:.45;text-shadow:2px 0 var(--primary);transform:translate(-1px)}34%{opacity:.9;text-shadow:-2px 0 var(--primary);transform:translate(2px)}48%{opacity:.65;text-shadow:1px 0 var(--primary);transform:translate(0)}62%,to{opacity:1;text-shadow:none;transform:translate(0)}}.topbar-actions{justify-self:end;align-items:center;gap:14px;display:flex}.github-link,.linkedin-link,.connect-action{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:oklch(10% .025 245/.35);border-radius:999px;align-items:center;gap:9px;min-height:42px;padding:0 15px;font-size:.74rem;font-weight:650;display:inline-flex}.github-link:hover,.linkedin-link:hover{border-color:oklch(78% .15 215/.55)}.connect-action{background:oklch(75% .13 215/.13);border-color:oklch(78% .15 215/.65);padding:0 19px;box-shadow:0 0 24px oklch(78% .15 215/.1)}.connect-action svg{color:var(--primary)}.menu-button{border:1px solid var(--line);background:var(--glass-strong);width:42px;height:42px;color:var(--foreground);border-radius:50%;place-items:center;display:none}.mobile-nav{z-index:1001;border:1px solid var(--line);border-radius:var(--radius);min-width:210px;box-shadow:var(--shadow-glass);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:oklch(10% .025 245/.92);padding:10px;display:grid;position:fixed;top:80px;right:18px}.mobile-nav a{color:oklch(90% .02 235);padding:12px;font-size:.85rem;font-weight:650;position:relative}.mobile-nav a.is-active{color:var(--primary);border-left:2px solid var(--primary);background:oklch(78% .15 215/.07)}@media (width<=1150px){.desktop-nav{display:none}.topbar{grid-template-columns:1fr auto}.topbar-actions{gap:9px}.menu-button{display:grid}}@media (width<=780px){.topbar{min-height:64px;padding:0 18px}.topbar.is-side-menu{border:0;border-bottom:1px solid var(--line);width:100%;height:64px;min-height:64px;box-shadow:none;background:oklch(8% .025 245/.3);border-radius:0;flex-direction:row;grid-template-columns:1fr auto;align-items:center;gap:0;padding:0 18px;display:grid;top:0;left:0;right:auto;transform:none}.topbar.is-side-menu .wordmark{justify-items:initial;gap:12px;font-size:.9rem;display:inline-flex}.topbar.is-side-menu .desktop-nav{display:none}.topbar.is-side-menu .topbar-actions{flex-direction:row;gap:9px;width:auto}.topbar.is-side-menu .github-link,.topbar.is-side-menu .linkedin-link,.topbar.is-side-menu .connect-action{border-radius:999px;min-height:42px}.topbar.is-side-menu .github-link svg,.topbar.is-side-menu .linkedin-link svg{width:17px;height:17px}.topbar.is-side-menu .menu-button{display:grid}.topbar.is-side-menu .connect-action{display:none}.wordmark{font-size:.9rem}.github-link,.linkedin-link{justify-content:center;width:42px;padding:0}.github-link span,.linkedin-link span,.connect-action{display:none}.mobile-nav{top:70px}}@media (width<=480px){.topbar,.topbar.is-side-menu{padding:0 12px}.wordmark,.topbar.is-side-menu .wordmark{gap:7px;font-size:.73rem}.brand-mark,.topbar.is-side-menu .brand-mark{width:27px;height:27px}.topbar-actions,.topbar.is-side-menu .topbar-actions{gap:6px}.linkedin-link{display:none}.github-link,.menu-button{width:39px;height:39px;min-height:39px}.mobile-nav{min-width:min(210px,100vw - 24px);top:68px;right:12px}}.hero{isolation:isolate;background:oklch(10% .02 245);min-height:100vh;position:relative;overflow:hidden}.hero-image{z-index:-4;object-fit:cover;object-position:58% center;filter:saturate(.9)contrast(1.02);width:100%;height:100%;position:absolute;inset:0}.hero-vignette{z-index:-3;background:linear-gradient(90deg,oklch(7% .025 245/.97) 0%,oklch(7% .025 245/.83) 27%,oklch(8% .025 245/.45) 51%,oklch(8% .025 245/.1) 78%),linear-gradient(oklch(6% .02 245/.55) 0%,#0000 35%,oklch(6% .02 245/.78) 100%);position:absolute;inset:0}.hero-glow{z-index:-2;pointer-events:none;background:radial-gradient(circle at 72% 38%,oklch(78% .15 215/.09),#0000 25%),radial-gradient(circle at 40% 100%,oklch(58% .13 215/.09),#0000 35%);position:absolute;inset:0}.hero-content{z-index:2;grid-template-rows:auto auto;grid-template-columns:minmax(0,1.15fr) minmax(340px,.7fr);gap:24px clamp(34px,6vw,92px);max-width:1480px;min-height:calc(100vh - 74px);margin:0 auto;padding:clamp(92px,12vh,145px) clamp(24px,4vw,64px) 42px;display:grid;position:relative}.intro-panel{align-self:center;max-width:760px}.intro-panel h1{letter-spacing:-.03em;margin:0;line-height:.84}.intro-panel h1 span{color:oklch(97% .008 240);font-size:clamp(1rem,1.35vw,1.3rem);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-weight:500;display:block}.intro-panel h1 strong{color:#0000;letter-spacing:.015em;-webkit-text-stroke:1.8px var(--primary);text-shadow:0 0 8px oklch(78% .15 215/.2),0 0 22px oklch(78% .15 215/.12);width:max-content;max-width:100%;margin-top:18px;font-family:Neon Street,Arial Black,sans-serif;font-size:clamp(4.3rem,8.4vw,8.7rem);font-weight:400;line-height:.78;display:block;position:relative}.intro-panel h1 strong:after{content:"DZHANER AHMED";color:#0000;-webkit-text-stroke:.55px oklch(78% .15 215/.62);filter:drop-shadow(0 0 5px oklch(78% .15 215/.18));pointer-events:none;position:absolute;inset:0;transform:translate(3px,3px)}.role-line{color:oklch(90% .025 235);letter-spacing:.04em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:12px;margin:25px 0 0;font-size:clamp(1rem,1.7vw,1.25rem);font-weight:700;display:flex}.role-line i{background:var(--primary);border-radius:50%;width:4px;height:4px;display:inline-block}.intro-copy{color:oklch(79% .03 235);max-width:580px;font-family:var(--font-mono);margin:16px 0 0;font-size:clamp(.86rem,1.15vw,1rem);line-height:1.6}.hero-actions{flex-wrap:wrap;gap:13px;margin-top:25px;display:flex}.primary-action,.secondary-action{letter-spacing:.05em;text-transform:uppercase;border-radius:7px;justify-content:center;align-items:center;gap:13px;min-height:48px;padding:0 24px;font-size:.76rem;font-weight:750;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.primary-action{background:var(--primary);color:var(--primary-foreground);box-shadow:0 12px 35px oklch(78% .15 215/.24)}.secondary-action{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:oklch(8% .025 245/.3);border:1px solid oklch(78% .15 215/.58)}.primary-action:hover,.secondary-action:hover{transform:translateY(-2px)}.hero-service-grid{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));align-self:end;gap:14px;display:grid}.hero-service-card{border:1px solid var(--line);min-height:180px;box-shadow:var(--shadow-glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:oklch(5.5% .025 245/.7);border-radius:11px;padding:23px 22px 18px;transition:transform .18s,border-color .18s,background .18s;position:relative}.hero-service-card:hover{background:oklch(8% .035 245/.78);border-color:oklch(78% .15 215/.55);transform:translateY(-3px)}.hero-service-number{color:var(--primary);font-family:var(--font-mono);font-size:.62rem;position:absolute;top:17px;right:17px}.hero-service-icon{color:var(--primary);margin-bottom:27px}.hero-service-card h2{letter-spacing:.05em;text-transform:uppercase;max-width:85%;margin:0;font-size:.94rem}.hero-service-card p{color:var(--muted-foreground);font-family:var(--font-mono);margin:8px 0 18px;font-size:.65rem;line-height:1.5}.scroll-cue{z-index:5;color:oklch(83% .025 235);align-items:center;gap:10px;font-size:.64rem;line-height:1.25;display:flex;position:absolute;bottom:18px;right:clamp(18px,4vw,64px)}.scroll-cue svg{color:var(--primary)}.scroll-wheel{border:1px solid oklch(90% .03 225/.55);border-radius:999px;place-items:start center;width:18px;height:29px;padding-top:5px;display:grid}.scroll-wheel span{background:var(--primary);border-radius:999px;width:3px;height:7px;animation:1.6s ease-in-out infinite scrollPulse}@keyframes scrollPulse{0%,to{opacity:.65;transform:translateY(0)}50%{opacity:1;transform:translateY(7px)}}@media (width<=1150px){.hero-content{grid-template-columns:1fr}.hero-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=780px){.hero{min-height:auto}.hero-image{object-position:57% top;height:100%;min-height:820px}.hero-vignette{background:linear-gradient(oklch(6% .025 245/.82) 0%,oklch(7% .025 245/.73) 28%,oklch(8% .025 245/.62) 60%,oklch(6% .02 245/.94) 100%)}.hero-content{min-height:0;padding:54px 18px 70px}.intro-panel h1 strong{overflow-wrap:anywhere;width:100%;font-size:clamp(3.25rem,11vw,5.4rem)}.hero-service-grid{grid-template-columns:1fr;gap:9px}.role-line{gap:8px;font-size:.95rem}.intro-copy{max-width:500px;font-size:.96rem}.hero-actions{margin-top:23px}.primary-action,.secondary-action{min-height:46px;padding:0 19px}.scroll-cue{display:none}}@media (width<=480px){.hero,.hero-content,.intro-panel{width:100%;max-width:100%}.hero-content>*{min-width:0}.hero-image{object-position:60% top;min-height:760px}.hero-content{padding:82px 14px 48px}.eyebrow{margin-bottom:15px;font-size:.58rem}.intro-panel h1 span{letter-spacing:.06em;font-size:.76rem}.intro-panel h1 strong{overflow-wrap:anywhere;-webkit-text-stroke-width:1.3px;width:100%;margin-top:14px;font-size:clamp(2.2rem,11vw,3.5rem);line-height:.88}.role-line{margin-top:20px;font-size:.82rem}.intro-copy{font-size:.82rem;line-height:1.55}.hero-actions{grid-template-columns:1fr;gap:9px;display:grid}.primary-action,.secondary-action{width:100%;min-height:45px;font-size:.68rem}.hero-service-card{min-height:0;padding:18px 16px 16px}.hero-service-icon{margin-bottom:18px}.hero-service-card p{margin-bottom:13px}}.terminal-divider{z-index:10;-webkit-backdrop-filter:blur(18px)saturate(125%);backdrop-filter:blur(18px)saturate(125%);background:linear-gradient(oklch(8% .025 245/.88),oklch(5.5% .02 245/.94));border:1px solid oklch(78% .15 215/.3);border-radius:13px;width:min(1480px,100% - clamp(36px,8vw,128px));margin:0 auto;padding:10px 12px 12px;position:relative;box-shadow:0 18px 50px oklch(1% .02 245/.35),0 0 28px oklch(78% .15 215/.06),inset 0 1px oklch(100% 0 0/.1)}.terminal-divider:before,.terminal-divider:after{content:"";background:linear-gradient(90deg,#0000,oklch(78% .15 215/.34));width:clamp(18px,6vw,90px);height:1px;position:absolute;top:50%}.terminal-divider:before{right:100%}.terminal-divider:after{left:100%;transform:rotate(180deg)}.terminal-divider-bar{color:oklch(100% 0 0/.43);min-height:26px;font-family:var(--font-mono);letter-spacing:.04em;border-bottom:1px solid oklch(100% 0 0/.07);grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4px 7px;font-size:.58rem;display:grid}.terminal-divider-bar .terminal-dots{justify-self:start;align-items:center;gap:5px;display:inline-flex}.terminal-divider-bar .terminal-dots i{background:#ff5f57;border-radius:50%;flex:0 0 7px;width:7px;height:7px;display:block;box-shadow:0 0 7px #ff5f5759}.terminal-divider-bar .terminal-dots i:nth-child(2){background:#febc2e;box-shadow:0 0 7px #febc2e59}.terminal-divider-bar .terminal-dots i:nth-child(3){background:#28c840;box-shadow:0 0 7px #28c84059}.terminal-divider-bar strong{color:oklch(78% .15 215/.78);justify-self:end;font-weight:500}.terminal-divider-line{min-height:28px;color:var(--terminal-foreground);font-family:var(--font-mono);align-items:center;gap:8px;padding:4px 4px 0;font-size:.67rem;display:flex}.terminal-prompt{color:var(--primary);font-weight:600}.terminal-command{color:oklch(86% .08 190)}.terminal-cursor{background:var(--primary);width:6px;height:12px;animation:1s step-end infinite blink;box-shadow:0 0 10px oklch(78% .15 215/.55)}.terminal-progress{color:oklch(78% .15 215/.45);letter-spacing:.06em;margin-left:auto}.terminal-progress i{vertical-align:middle;width:clamp(58px,8vw,105px);height:5px;transform:scaleX(calc(var(--terminal-progress,100) / 100));transform-origin:0;background:repeating-linear-gradient(90deg,oklch(78% .15 215/.65) 0 6px,#0000 6px 9px);margin:0 2px;display:inline-block}@media (width<=780px){.terminal-divider{border-radius:11px;width:calc(100% - 24px);margin:0 12px;padding:9px 10px 11px}.terminal-divider:before,.terminal-divider:after{display:none}.terminal-divider-bar{grid-template-columns:auto 1fr auto;gap:10px;font-size:.52rem}.terminal-divider-bar>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.terminal-divider-line{font-size:.59rem}.terminal-progress{display:none}}.about-section{grid-template-columns:1.05fr 1fr;gap:48px;max-width:1480px;margin:0 auto;padding:62px clamp(24px,4vw,64px) 22px;display:grid}.about-intro h2{letter-spacing:-.045em;max-width:720px;margin:0;font-size:clamp(2rem,3.6vw,3.7rem);line-height:1}.about-lead{max-width:650px;color:var(--muted-foreground);margin:24px 0 0;font-size:.9rem;line-height:1.6}.about-copy{align-self:end;max-width:620px}.about-copy p{color:var(--muted-foreground);margin:0 0 15px;font-size:.78rem;line-height:1.65}.about-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:26px;display:grid}.about-metrics div{border-top:1px solid var(--line);padding-top:12px}.about-metrics strong{color:var(--primary);font-family:var(--font-mono);font-size:1.35rem;display:block}.about-metrics span{color:var(--muted-foreground);font-family:var(--font-mono);margin-top:5px;font-size:.55rem;line-height:1.35;display:block}.about-link{color:var(--primary);grid-column:2;justify-self:end;align-items:center;gap:8px;font-size:.72rem;font-weight:700;display:inline-flex}@media (width<=1150px){.about-section{grid-template-columns:1fr}.about-link{grid-column:1;justify-self:start}}@media (width<=780px){.about-section{grid-template-columns:1fr;gap:28px;padding:46px 18px 12px}.about-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.about-section{padding-left:14px;padding-right:14px}.about-metrics{gap:8px}}.about-section{align-content:center}.services{z-index:3;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:1480px;margin:-1px auto 0;padding:32px clamp(24px,4vw,64px) 14px;display:grid;position:relative}.service-card{border:1px solid var(--line);background:var(--glass);min-height:245px;box-shadow:var(--shadow-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:15px;padding:21px 22px 20px;transition:transform .18s,border-color .18s,background .18s}.service-card:hover{background:oklch(8% .035 245/.78);border-color:oklch(78% .15 215/.48);transform:translateY(-3px)}.service-card-top{align-items:center;gap:12px;display:flex}.service-number{color:var(--muted-foreground);font-family:var(--font-mono);letter-spacing:.08em;font-size:.62rem}.service-icon{color:var(--primary)}.service-card-body{padding-top:18px}.service-card h3{letter-spacing:.015em;margin:0;font-size:1rem}.service-card p{max-width:640px;color:var(--muted-foreground);font-family:var(--font-mono);margin:8px 0 15px;font-size:.68rem;line-height:1.55}.service-card ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 18px;margin:0;padding:0;list-style:none;display:grid}.service-card li{color:var(--foreground);font-family:var(--font-mono);padding-left:12px;font-size:.61rem;line-height:1.35;position:relative}.service-card li:before{content:"";border:1px solid var(--primary);width:4px;height:4px;position:absolute;top:.48em;left:0}@media (width<=1150px){.services{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=780px){.services{grid-template-columns:1fr;margin-top:0;padding:28px 18px 0}.service-card{min-height:106px;padding:20px 18px}}@media (width<=480px){.services{padding-left:14px;padding-right:14px}.service-card{padding:18px 16px}.service-card ul{grid-template-columns:1fr;gap:8px}}.services{align-content:center}.projects-section{max-width:1480px;margin:0 auto;padding:48px clamp(24px,4vw,64px) 24px}.project-grid{flex-direction:column;gap:14px;display:flex}.project-row{grid-template-columns:minmax(0,1.08fr) minmax(250px,.92fr);align-items:stretch;gap:14px;min-height:220px;display:grid}.project-row--project-right{grid-template-columns:minmax(250px,.92fr) minmax(0,1.08fr)}.project-card{border:1px solid var(--line);background:var(--glass);min-width:0;box-shadow:var(--shadow-glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:15px;flex-direction:row;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;overflow:hidden}.project-card:hover{border-color:oklch(78% .15 215/.52);transform:translateY(-4px);box-shadow:0 24px 60px oklch(2% .02 245/.42)}.project-image-wrap{background:oklch(9% .025 245);width:42%;min-width:180px;position:relative;overflow:hidden}.project-image-wrap:after{content:"";pointer-events:none;background:linear-gradient(#0000 45%,oklch(5% .02 245/.48));position:absolute;inset:0}.project-image-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.project-card:hover img{transform:scale(1.035)}.project-number{z-index:2;border:1px solid var(--line);min-width:31px;height:27px;font-family:var(--font-mono);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:oklch(8% .025 245/.7);border-radius:7px;place-items:center;font-size:.66rem;font-weight:700;display:grid;position:absolute;top:12px;left:12px}.project-content{flex:1;align-self:center;min-width:0;padding:18px 18px 16px}.project-title-row{justify-content:space-between;gap:10px;display:flex}.project-title-row h3{margin:0;font-size:.93rem}.project-title-row svg{color:var(--primary);flex:none}.project-content>p{color:var(--muted-foreground);margin:8px 0 15px;font-size:.71rem;line-height:1.45}.project-tags{flex-wrap:wrap;gap:6px;display:flex}.project-tags span{border:1px solid var(--line);color:var(--primary);background:oklch(8% .025 245/.45);border-radius:999px;padding:5px 10px;font-size:.59rem}.project-motion{background:0 0;border:0;border-radius:0;min-width:0;min-height:205px;position:relative;overflow:hidden}.project-motion:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 5px,oklch(80% .15 215/.025) 6px);position:absolute;inset:0}.infra-node{z-index:2;color:var(--foreground);font:700 .47rem var(--font-mono);letter-spacing:.08em;justify-items:center;gap:5px;display:grid;position:absolute}.infra-node svg{color:#45cfff;filter:drop-shadow(0 0 8px oklch(80% .17 215/.55))}.infra-node--user{top:40%;left:9%}.infra-node--dns{top:33%;left:34%}.infra-node--cdn{top:29%;left:60%}.infra-node--s3{top:36%;right:9%}.infra-globe{border:1px solid #45cfff;border-radius:50%;width:30px;height:30px;position:relative;box-shadow:0 0 14px oklch(80% .17 215/.25)}.infra-globe:before{content:"";border:1px solid #45cfff;border-radius:50%;position:absolute;inset:6px 2px}.infra-globe:after{content:"";border-top:1px solid #45cfff;position:absolute;top:14px;left:3px;right:3px}.infra-packet{z-index:3;background:#48d8ff;border-radius:50%;width:5px;height:5px;animation:4.8s linear infinite infra-packet;position:absolute;top:51%;box-shadow:0 0 12px #48d8ff}.infra-packet--one{left:12%}.infra-packet--two{animation-delay:1.6s;left:38%}.infra-packet--three{animation-delay:3.2s;left:64%}@keyframes infra-packet{0%{opacity:0;transform:translate(0)}8%{opacity:1}26%{transform:translate(155%)}34%{transform:translate(155%)}52%{transform:translate(335%)}60%{transform:translate(335%)}78%{transform:translate(510%)}90%,to{opacity:0;transform:translate(510%)}}.rag-bubble{z-index:2;color:#d8f7ff;font:600 .48rem var(--font-mono);border:1px solid #42cfff;border-radius:9px;padding:8px 11px;position:absolute;box-shadow:0 0 16px oklch(78% .16 215/.18)}.rag-bubble--question{top:29%;left:5%}.rag-bubble--answer{text-align:center;top:29%;right:4%}.rag-docs{width:42px;height:48px;position:absolute;top:29%;left:35%}.rag-docs span{background:oklch(14% .07 300/.5);border:1px solid #9b6cff;border-radius:4px;width:25px;height:32px;position:absolute;box-shadow:0 0 12px oklch(62% .2 300/.2)}.rag-docs span:first-child{top:7px;left:0}.rag-docs span:nth-child(2){top:3px;left:8px}.rag-docs span:nth-child(3){top:0;left:16px}.rag-core{color:#53ffd4;filter:drop-shadow(0 0 10px oklch(80% .2 165/.4));justify-items:center;gap:3px;animation:2.6s ease-in-out infinite rag-pulse;display:grid;position:absolute;top:27%;left:57%}.rag-core small{font:700 .43rem var(--font-mono)}.rag-packet{z-index:4;background:#50d8ff;border-radius:50%;width:5px;height:5px;animation:4s linear infinite rag-flow;position:absolute;box-shadow:0 0 12px #50d8ff}.rag-packet--one{top:51%;left:27%}.rag-packet--two{animation-delay:1.3s;top:51%;left:48%}.rag-packet--three{animation-delay:2.6s;top:51%;left:69%}@keyframes rag-flow{0%,8%{opacity:0;transform:translate(0)}12%{opacity:1}45%{opacity:1;transform:translate(75px)}78%{opacity:.75;transform:translate(145px)}to{opacity:0;transform:translate(190px)}}@keyframes rag-pulse{50%{transform:scale(1.12)}}.project-motion--eiden{isolation:isolate;justify-content:center;align-items:center;min-height:205px;display:flex;overflow:hidden}.eiden-figure{place-items:center;width:min(100%,520px);height:100%;min-height:205px;display:grid;position:relative;overflow:hidden}.eiden-visual{object-fit:contain;object-position:center;mix-blend-mode:screen;image-rendering:auto;filter:saturate(1.08)contrast(1.06)drop-shadow(0 0 18px oklch(78% .16 215/.18));width:100%;height:100%;animation:5.5s ease-in-out infinite eiden-idle;position:absolute;inset:0}.eiden-visual--glitch{opacity:0;mix-blend-mode:screen;pointer-events:none}.eiden-visual--glitch-a{filter:saturate(1.25)contrast(1.15)hue-rotate(9deg)drop-shadow(0 0 14px oklch(80% .2 210/.28));animation:4.6s step-end infinite eiden-glitch-a}.eiden-visual--glitch-b{filter:saturate(1.3)contrast(1.18)hue-rotate(-12deg)drop-shadow(0 0 14px oklch(75% .2 225/.25));animation:6.2s step-end infinite eiden-glitch-b}.eiden-pixel-field{pointer-events:none;z-index:3;position:absolute;inset:8% 4%}.eiden-pixel{width:var(--size,6px);height:var(--size,6px);opacity:0;animation:eiden-pixel-drift var(--duration,3.8s) steps(7, end) var(--delay,0s) infinite;background:#42d9ff;display:block;position:absolute;box-shadow:0 0 10px oklch(82% .2 215/.55)}.eiden-pixel:nth-child(3n){background:#9beeff}.eiden-pixel:nth-child(4n){background:#158eff;width:4px;height:4px}.eiden-pixel--1{--size:8px;--delay:-.2s;--duration:3.7s;top:38%;left:9%}.eiden-pixel--2{--size:4px;--delay:-1.7s;--duration:4.5s;top:24%;left:15%}.eiden-pixel--3{--size:11px;--delay:-2.4s;--duration:4.1s;top:62%;left:21%}.eiden-pixel--4{--size:5px;--delay:-3.1s;--duration:3.4s;top:15%;left:28%}.eiden-pixel--5{--size:7px;--delay:-.9s;--duration:4.8s;top:75%;left:34%}.eiden-pixel--6{--size:4px;--delay:-2.8s;--duration:3.9s;top:9%;left:42%}.eiden-pixel--7{--size:9px;--delay:-1.1s;--duration:4.2s;top:83%;left:49%}.eiden-pixel--8{--size:5px;--delay:-3.6s;--duration:4.7s;top:17%;left:56%}.eiden-pixel--9{--size:12px;--delay:-.6s;--duration:3.6s;top:70%;left:63%}.eiden-pixel--10{--size:4px;--delay:-2.2s;--duration:4.4s;top:28%;left:70%}.eiden-pixel--11{--size:7px;--delay:-1.5s;--duration:3.8s;top:56%;left:77%}.eiden-pixel--12{--size:5px;--delay:-3.4s;--duration:4.9s;top:43%;left:84%}.eiden-pixel--13{--size:4px;--delay:-2.7s;--duration:4.1s;top:79%;left:12%}.eiden-pixel--14{--size:6px;--delay:-.4s;--duration:3.5s;top:49%;left:19%}.eiden-pixel--15{--size:8px;--delay:-3.2s;--duration:4.6s;top:87%;left:27%}.eiden-pixel--16{--size:4px;--delay:-1.9s;--duration:3.7s;top:31%;left:38%}.eiden-pixel--17{--size:6px;--delay:-2.9s;--duration:4.3s;top:58%;left:47%}.eiden-pixel--18{--size:5px;--delay:-.8s;--duration:3.9s;top:91%;left:59%}.eiden-pixel--19{--size:9px;--delay:-2.5s;--duration:4.7s;top:12%;left:68%}.eiden-pixel--20{--size:4px;--delay:-1.3s;--duration:3.6s;top:79%;left:75%}.eiden-pixel--21{--size:7px;--delay:-3.8s;--duration:4.2s;top:24%;left:82%}.eiden-pixel--22{--size:5px;--delay:-2s;--duration:4.8s;top:65%;left:89%}.eiden-pixel--23{--size:6px;--delay:-1s;--duration:3.8s;top:57%;left:6%}.eiden-pixel--24{--size:8px;--delay:-3s;--duration:4.5s;top:38%;left:93%}.eiden-scanline{z-index:4;pointer-events:none;background:linear-gradient(90deg,#0000,oklch(82% .2 215/.75),#0000);height:1px;position:absolute;left:10%;right:10%;box-shadow:0 0 10px oklch(82% .2 215/.35)}.eiden-scanline--one{animation:3.8s linear infinite eiden-scan;top:28%}.eiden-scanline--two{opacity:.65;animation:4.9s linear 1.4s infinite reverse eiden-scan;top:64%}@keyframes eiden-idle{0%,to{transform:translate(0)scale(1)}50%{transform:translate(1px,-1px)scale(1.008)}}@keyframes eiden-glitch-a{0%,74%,to{opacity:0;clip-path:inset(0);transform:translate(0)}75%{opacity:.55;clip-path:inset(24% 0 52%);transform:translate(-7px)}76%{opacity:.25;clip-path:inset(58% 0 18%);transform:translate(8px)}77%{opacity:0;clip-path:inset(0);transform:translate(0)}91%{opacity:.4;clip-path:inset(41% 0 39%);transform:translate(5px)}92%{opacity:0}}@keyframes eiden-glitch-b{0%,48%,to{opacity:0;clip-path:inset(0);transform:translate(0)}49%{opacity:.35;clip-path:inset(12% 0 72%);transform:translate(6px)}50%{opacity:.5;clip-path:inset(68% 0 11%);transform:translate(-5px)}51%{opacity:0}82%{opacity:.35;clip-path:inset(47% 0 32%);transform:translate(-4px)}83%{opacity:0}}@keyframes eiden-pixel-drift{0%,12%{opacity:0;transform:translate(0)scale(.5)}18%{opacity:.85;transform:translate(-5px,2px)scale(1)}35%{opacity:.9;transform:translate(12px,-7px)scale(1.25)}54%{opacity:.55;transform:translate(-18px,5px)scale(.8)}70%{opacity:.85;transform:translate(22px,-2px)scale(1.1)}88%{opacity:0;transform:translate(34px,4px)scale(.3)}to{opacity:0;transform:translate(34px,4px)scale(.3)}}@keyframes eiden-scan{0%{opacity:0;transform:translateY(-70px)}12%{opacity:.75}50%{opacity:.45}88%{opacity:.75}to{opacity:0;transform:translateY(105px)}}.security-threat{color:#ff6969;font:700 .45rem var(--font-mono);align-items:center;gap:7px;display:flex;position:absolute;top:38%;left:5%}.security-threat svg{filter:drop-shadow(0 0 8px oklch(65% .22 25/.55))}.security-cluster{width:55px;height:45px;position:absolute;top:42%;left:31%}.security-cluster i{border:1px solid #52cfff;border-radius:4px;width:17px;height:17px;position:absolute;transform:rotate(45deg);box-shadow:0 0 10px oklch(78% .16 215/.22)}.security-cluster i:first-child{top:0;left:19px}.security-cluster i:nth-child(2){top:20px;left:0}.security-cluster i:nth-child(3){top:20px;right:0}.security-shield{color:#55e4ff;justify-items:center;gap:3px;animation:2.7s ease-in-out infinite security-shield;display:grid;position:absolute;top:30%;left:55%}.security-shield small{font:700 .43rem var(--font-mono)}.security-runtime{color:#5cffbb;font:700 .44rem var(--font-mono);gap:9px;display:grid;position:absolute;top:39%;right:8%}.security-runtime span{background:oklch(10% .04 165/.25);border-left:2px solid #5cffbb;padding:5px 8px}.security-packet{z-index:3;border-radius:50%;width:5px;height:5px;animation:3.8s linear infinite security-flow;position:absolute}.security-packet--bad{background:#ff4f63;top:51%;left:19%;box-shadow:0 0 12px #ff4f63}.security-packet--good{background:#54ffba;animation-delay:1.4s;top:51%;left:61%;box-shadow:0 0 12px #54ffba}@keyframes security-shield{50%{filter:drop-shadow(0 0 13px oklch(80% .17 215/.5));transform:scale(1.1)}}@keyframes security-flow{0%{opacity:0;transform:translate(0)}10%{opacity:1}45%{opacity:1;transform:translate(95px)}52%{opacity:.2;transform:translate(95px)scale(2)}60%{opacity:0}to{opacity:0}}@media (width<=1000px){.project-row,.project-row--project-right{grid-template-columns:minmax(0,1fr) minmax(220px,.8fr)}.project-image-wrap{width:38%;min-width:150px}}@media (width<=780px){.projects-section{padding:42px 18px 22px}.project-grid{gap:12px}.project-row,.project-row--project-right{grid-template-columns:1fr;gap:10px;min-height:0}.project-motion{min-height:135px}.project-card{flex-direction:row}.project-image-wrap{width:38%;min-width:125px}.project-content{padding:15px}}@media (width<=480px){.projects-section{padding:36px 14px 20px}.project-card{flex-direction:column}.project-image-wrap{width:100%;height:145px}.project-content>p{margin-bottom:12px}.project-tags span{padding:4px 8px;font-size:.55rem}}@media (prefers-reduced-motion:reduce){.project-motion *,.project-motion:before,.project-motion:after{animation:none!important}}.credentials-section{max-width:1480px;margin:0 auto;padding:58px clamp(24px,4vw,64px) 30px}.credentials-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.credential-card{border:1px solid var(--line);background:var(--glass);min-height:205px;box-shadow:var(--shadow-glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:15px;flex-direction:column;gap:18px;padding:19px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex}.credential-card:hover{border-color:oklch(78% .15 215/.52);transform:translateY(-4px);box-shadow:0 24px 60px oklch(2% .02 245/.38)}.credential-icon{border:1px solid var(--line);width:54px;height:54px;color:var(--primary);background:oklch(8% .025 245/.65);border-radius:14px;place-items:center;display:grid;box-shadow:inset 0 0 24px oklch(78% .15 215/.06)}.credential-icon__image{object-fit:contain;width:34px;height:34px}.credential-card__body h3{margin:0;font-size:.78rem;line-height:1.25}.credential-card__body p{color:var(--muted-foreground);margin:8px 0 0;font-size:.63rem;line-height:1.5}@media (width<=1200px){.credentials-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=780px){.credentials-section{padding:44px 18px 24px}.credentials-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}@media (width<=480px){.credentials-section{padding:38px 14px 20px}.credentials-grid{grid-template-columns:1fr}.credential-card{min-height:0}}.credentials-section{align-content:center}.closing-contact{box-sizing:border-box;scroll-snap-align:start;isolation:isolate;place-items:center;min-height:100dvh;padding:clamp(6rem,10vw,9rem) clamp(1.25rem,5vw,5rem);display:grid;position:relative;overflow:hidden}.closing-contact:before{content:"";aspect-ratio:1;filter:blur(18px);pointer-events:none;z-index:-1;background:radial-gradient(circle,#00e1ff1c 0%,#00e1ff09 34%,#0000 68%);width:min(70vw,720px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.closing-contact__content{text-align:center;width:min(920px,100%)}.closing-contact__eyebrow{font-family:var(--font-mono,monospace);letter-spacing:.18em;text-transform:uppercase;opacity:.68;margin:0 0 1.1rem;font-size:.72rem}.closing-contact h2{letter-spacing:-.045em;margin:0 0 clamp(2rem,5vw,3.5rem);font-size:clamp(2.4rem,7vw,5.6rem);line-height:.92}.closing-contact h2 span{opacity:.56;display:block}.closing-contact__terminal{text-align:left;-webkit-backdrop-filter:blur(22px)saturate(135%);background:linear-gradient(135deg,#ffffff13,#ffffff06);border:1px solid #ffffff1f;border-radius:24px;width:min(760px,100%);margin-inline:auto;padding:0;overflow:hidden;box-shadow:inset 0 1px #ffffff1c,0 24px 80px #00000038}.closing-contact__terminal-head{color:#ffffff85;min-height:44px;font-family:var(--font-mono,monospace);letter-spacing:.06em;border-bottom:1px solid #ffffff14;align-items:center;gap:.8rem;padding:0 1rem;font-size:.68rem;display:flex}.closing-contact__terminal-dots{gap:5px;display:flex}.closing-contact__terminal-dots i{background:#ffffff6b;border-radius:50%;width:6px;height:6px}.closing-contact__command{font-family:var(--font-mono,monospace);color:#ffffffc7;align-items:center;gap:.55rem;margin:0;padding:1.35rem 1.5rem .9rem;font-size:clamp(.75rem,1.7vw,.9rem);display:flex}.closing-contact__checks{grid-template-columns:repeat(5,minmax(0,1fr));gap:.6rem;margin:0;padding:0 1.5rem 1.5rem;list-style:none;display:grid}.closing-contact__checks li{font-family:var(--font-mono,monospace);text-transform:lowercase;color:#ffffff9e;align-items:center;gap:.35rem;font-size:.72rem;display:flex}.closing-contact__checks svg{color:#6cf4ffe6;flex:none}.closing-contact__next{font-family:var(--font-mono,monospace);letter-spacing:.14em;color:#ffffff7a;align-items:center;gap:1rem;padding:0 1.5rem 1.1rem;font-size:.68rem;display:flex}.closing-contact__line{background:#ffffff1a;flex:1;height:1px}.closing-contact__action{color:inherit;font-family:var(--font-mono,monospace);letter-spacing:.08em;-webkit-backdrop-filter:blur(14px);background:#ffffff0e;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:.65rem;margin:0 1.5rem 1.5rem;padding:.85rem 1.05rem;font-size:.74rem;text-decoration:none;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s;display:inline-flex}.closing-contact__action:hover,.closing-contact__action:focus-visible{background:#ffffff1a;border-color:#6cf4ff59;transform:translateY(-2px);box-shadow:0 10px 30px #00000029,inset 0 1px #ffffff24}.closing-contact__action:focus-visible{outline-offset:3px;outline:2px solid #6cf4ffb3}.closing-contact__tagline{font-family:var(--font-mono,monospace);letter-spacing:.14em;color:#ffffff7a;margin:clamp(1.75rem,4vw,2.8rem) 0 0;font-size:clamp(.72rem,1.5vw,.88rem);line-height:1.7}.closing-contact__tagline span{color:#ffffffd1}@media (width<=700px){.closing-contact{padding-inline:1rem}.closing-contact__terminal{border-radius:18px}.closing-contact__checks{grid-template-columns:repeat(2,1fr)}.closing-contact__checks li:last-child{grid-column:1/-1}.closing-contact__action{box-sizing:border-box;justify-content:center;width:calc(100% - 3rem)}}@media (prefers-reduced-motion:reduce){.closing-contact__action{transition:none}}.case-study-shell{background:linear-gradient(180deg, var(--background), var(--muted));min-height:100vh;color:var(--foreground)}.case-study-topbar{z-index:20;-webkit-backdrop-filter:blur(20px)saturate(145%);background:linear-gradient(135deg,oklch(95% .02 220/.11),oklch(62% .03 220/.04));border:1px solid oklch(94% .03 225/.24);border-radius:18px;grid-template-columns:1fr auto 1fr;align-items:center;width:min(1180px,100% - 28px);min-height:58px;margin:0 auto;padding:8px 12px 8px 18px;display:grid;position:sticky;top:14px;box-shadow:inset 0 1px oklch(100% 0 0/.16),0 18px 45px oklch(2% .02 245/.26)}.case-study-wordmark{letter-spacing:-.02em;align-items:center;gap:10px;font-size:.84rem;font-weight:700;display:inline-flex}.case-study-wordmark:before{content:"DA";width:28px;height:28px;color:var(--primary);font-family:var(--font-mono);letter-spacing:-.14em;background:oklch(78% .15 215/.07);border:1px solid oklch(78% .15 215/.45);border-radius:8px;place-items:center;font-size:.54rem;display:inline-grid;box-shadow:inset 0 0 12px oklch(78% .15 215/.05),0 0 16px oklch(78% .15 215/.05)}.case-study-back{color:var(--muted-foreground);font-family:var(--font-mono);letter-spacing:.04em;border:1px solid #0000;border-radius:11px;align-items:center;gap:8px;padding:9px 12px;font-size:.58rem;font-weight:650;transition:all .2s;display:inline-flex}.case-study-back:hover{background:oklch(100% 0 0/.05);border-color:oklch(94% .03 225/.2)}.case-study-github:hover,.case-study-footer a:hover{color:var(--foreground);background:oklch(78% .15 215/.07);border-color:oklch(78% .15 215/.38)}.case-study-github{color:var(--muted-foreground);font-family:var(--font-mono);letter-spacing:.04em;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:oklch(100% 0 0/.05);border:1px solid oklch(94% .03 225/.18);border-radius:11px;justify-self:end;align-items:center;gap:8px;padding:9px 13px;font-size:.58rem;font-weight:650;transition:all .2s;display:inline-flex}.case-study-hero{border-bottom:1px solid var(--line);background:radial-gradient(circle at 80% 20%, var(--sky), transparent 34%), linear-gradient(135deg, var(--glass-strong), transparent 70%)}@supports (color:color-mix(in lab, red, red)){.case-study-hero{background:radial-gradient(circle at 80% 20%, color-mix(in oklab, var(--sky) 13%, transparent), transparent 34%), linear-gradient(135deg, var(--glass-strong), transparent 70%)}}.case-study-hero-inner{max-width:1180px;margin:0 auto;padding:clamp(72px,11vw,145px) clamp(24px,5vw,70px) clamp(65px,9vw,110px)}.case-study-eyebrow{color:var(--muted-foreground);font-family:var(--font-mono);letter-spacing:.16em;margin:0 0 22px;font-size:.68rem;font-weight:650}.case-study-hero h1{letter-spacing:-.045em;max-width:900px;margin:0;font-size:clamp(3.2rem,8vw,7rem);line-height:.9}.case-study-intro{max-width:760px;color:var(--muted-foreground);margin:32px 0 0;font-size:clamp(1rem,1.8vw,1.3rem);line-height:1.65}.case-study-tags{flex-wrap:wrap;gap:8px;margin-top:30px;display:flex}.case-study-tags span{border:1px solid var(--line);background:var(--glass);color:var(--muted-foreground);font-family:var(--font-mono);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;padding:7px 13px;font-size:.62rem;font-weight:650}.case-study-content{max-width:1180px;margin:0 auto;padding:0 clamp(24px,5vw,70px)}.case-study-section{border-bottom:1px solid var(--line);grid-template-columns:180px minmax(0,760px);gap:clamp(28px,7vw,100px);padding:clamp(60px,8vw,100px) 0;display:grid}.case-study-section-index{color:var(--muted-foreground);font-family:var(--font-mono);padding-top:5px}.case-study-section-index span{font-size:.82rem;font-weight:700;display:block}.case-study-section-index small{letter-spacing:.1em;margin-top:9px;font-size:.56rem;line-height:1.5;display:block}.case-study-section-body h2{letter-spacing:-.025em;margin:0 0 26px;font-size:clamp(1.75rem,3vw,2.7rem);line-height:1.05}.case-study-section-body p{color:var(--muted-foreground);margin:0 0 18px;font-size:1rem;line-height:1.75}.case-study-bullets{gap:11px;margin:26px 0;padding:0;list-style:none;display:grid}.case-study-bullets li{color:var(--foreground);padding-left:21px;line-height:1.55;position:relative}.case-study-bullets li:before{content:"";background:var(--primary);width:6px;height:6px;box-shadow:0 0 12px var(--sky);border-radius:50%;position:absolute;top:.68em;left:0}@supports (color:color-mix(in lab, red, red)){.case-study-bullets li:before{box-shadow:0 0 12px color-mix(in oklab, var(--sky) 55%, transparent)}}.case-study-diagram{background:var(--terminal);color:var(--terminal-foreground);font-family:var(--font-mono);white-space:pre;border:1px solid oklch(100% 0 0/.15);border-radius:16px;margin:30px 0;padding:24px;font-size:.76rem;line-height:1.45;overflow-x:auto;box-shadow:0 16px 45px oklch(15% .03 240/.18)}.case-study-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:30px;display:grid}.case-study-card{border:1px solid var(--line);background:var(--glass);box-shadow:var(--shadow-glass);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:16px;padding:22px}.case-study-card h3{margin:0 0 10px;font-size:.95rem}.case-study-card p{margin:0;font-size:.88rem;line-height:1.6}.case-study-footer{justify-content:center;padding:70px 24px 90px;display:flex}.case-study-footer a{color:var(--muted-foreground);font-family:var(--font-mono);letter-spacing:.04em;align-items:center;gap:9px;font-size:.68rem;font-weight:650;display:inline-flex}@media (width<=720px){.case-study-topbar{grid-template-columns:1fr auto;top:10px}.case-study-back{display:none}.case-study-section{grid-template-columns:1fr;gap:18px}.case-study-section-index{align-items:baseline;gap:12px;display:flex}.case-study-section-index small{margin-top:0}.case-study-cards{grid-template-columns:1fr}.case-study-hero h1{font-size:clamp(3rem,17vw,5rem)}}@media (width<=480px){.case-study-topbar{border-radius:15px;width:calc(100% - 20px);min-height:54px;padding:6px 8px 6px 12px}.case-study-wordmark{font-size:.72rem}.case-study-github{gap:6px;padding:7px 10px;font-size:.66rem}.case-study-hero-inner{padding:56px 18px 52px}.case-study-intro{margin-top:22px;font-size:.92rem;line-height:1.6}.case-study-tags{gap:6px;margin-top:22px}.case-study-tags span{padding:6px 9px;font-size:.55rem}.case-study-content{padding:0 18px}.case-study-section{padding:48px 0}.case-study-section-body p{font-size:.92rem;line-height:1.65}.case-study-diagram{border-radius:12px;margin:22px 0;padding:16px;font-size:.62rem}.case-study-card{padding:18px}.case-study-footer{padding:52px 18px 64px}}.case-study-architecture{-webkit-backdrop-filter:blur(24px)saturate(135%);backdrop-filter:blur(24px)saturate(135%);background:radial-gradient(circle at 12% 0,oklch(78% .15 215/.13),#0000 30%),radial-gradient(circle at 92% 100%,oklch(64% .18 285/.1),#0000 28%),linear-gradient(145deg,oklch(18% .04 245/.78),oklch(9% .025 245/.82));border:1px solid oklch(90% .04 225/.18);border-radius:28px;max-width:1300px;margin:clamp(28px,5vw,56px) auto 0;padding:30px;overflow:hidden;box-shadow:0 30px 90px oklch(2% .03 245/.48),inset 0 1px oklch(100% 0 0/.13)}.case-study-architecture:before{content:"";background:linear-gradient(90deg,#0000,oklch(80% .16 215/.55),#0000);height:1px;margin:-30px -30px 26px;display:block}.case-study-architecture-head{justify-content:space-between;align-items:flex-start;gap:28px;padding:4px 4px 24px;display:flex}.case-study-architecture-kicker{color:var(--sky);font-family:var(--font-mono);letter-spacing:.16em;margin:0 0 8px;font-size:.57rem}.case-study-architecture-head h2{letter-spacing:-.02em;margin:0;font-size:clamp(1.25rem,2.2vw,1.8rem)}.case-study-architecture-head p:not(.case-study-architecture-kicker){color:var(--muted-foreground);max-width:680px;margin:8px 0 0;font-size:.82rem;line-height:1.55}.case-study-architecture-meta{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.case-study-architecture-meta span{color:var(--muted-foreground);font-family:var(--font-mono);letter-spacing:.08em;background:oklch(90% .03 225/.05);border:1px solid oklch(90% .04 225/.18);border-radius:999px;padding:6px 9px;font-size:.52rem}.case-study-flow{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.case-study-flow-column{background:linear-gradient(oklch(35% .05 235/.14),oklch(5% .02 245/.28));border:1px solid oklch(82% .06 220/.16);border-radius:18px;min-width:0;padding:12px;position:relative;box-shadow:inset 0 1px oklch(100% 0 0/.08)}.case-study-flow-column-title{color:oklch(82% .04 220);font-family:var(--font-mono);letter-spacing:.11em;margin-bottom:10px;font-size:.54rem;font-weight:700}.case-study-flow-nodes{gap:8px;display:grid}.case-study-flow-node{background:oklch(16% .04 245/.65);border:1px solid oklch(90% .04 225/.11);border-radius:13px;align-items:center;gap:9px;min-height:58px;padding:9px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;box-shadow:0 10px 24px oklch(2% .02 245/.22),inset 0 1px oklch(100% 0 0/.07)}.case-study-flow-node:hover{border-color:oklch(78% .15 215/.42);transform:translateY(-2px);box-shadow:0 12px 30px oklch(2% .02 245/.35),0 0 24px oklch(78% .15 215/.1)}.case-study-flow-node.is-featured{background:linear-gradient(145deg,oklch(25% .08 230/.68),oklch(12% .04 245/.72));border-color:oklch(78% .15 215/.35)}.case-study-flow-icon{width:34px;height:34px;color:var(--sky);background:oklch(78% .15 215/.08);border:1px solid oklch(78% .15 215/.22);border-radius:10px;flex:0 0 34px;place-items:center;display:grid}.case-study-flow-copy{gap:3px;min-width:0;display:grid}.case-study-flow-copy strong{font-size:.72rem;line-height:1.15}.case-study-flow-copy small{color:var(--muted-foreground);font-size:.56rem;line-height:1.3}.case-study-flow-arrow{z-index:2;width:27px;height:27px;color:var(--sky);background:oklch(12% .03 245/.94);border:1px solid oklch(78% .15 215/.28);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;right:-17px;transform:translateY(-50%);box-shadow:0 0 24px oklch(78% .15 215/.16)}.case-study-architecture-footer{background:oklch(6% .025 245/.42);border:1px solid oklch(90% .04 225/.12);border-radius:16px;grid-template-columns:repeat(3,1fr);margin-top:12px;display:grid;overflow:hidden}.case-study-architecture-footer>div{grid-template-columns:28px 1fr;column-gap:8px;padding:13px 14px;display:grid}.case-study-architecture-footer>div+div{border-left:1px solid oklch(90% .04 225/.1)}.case-study-architecture-footer span{color:var(--sky);grid-row:span 2}.case-study-architecture-footer strong{letter-spacing:.04em;font-size:.62rem}.case-study-architecture-footer small{color:var(--muted-foreground);font-size:.55rem;line-height:1.35}@media (width<=900px){.case-study-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.case-study-flow-arrow{display:none}}@media (width<=640px){.case-study-architecture{border-radius:20px;margin-left:-4px;margin-right:-4px;padding:14px}.case-study-architecture:before{margin:-14px -14px 16px}.case-study-architecture-head{display:block}.case-study-architecture-meta{justify-content:flex-start;margin-top:14px}.case-study-flow{grid-template-columns:1fr}.case-study-flow-column{padding:10px}.case-study-architecture-footer{grid-template-columns:1fr}.case-study-architecture-footer>div+div{border-top:1px solid oklch(90% .04 225/.1);border-left:0}}.case-study-hero-inner{max-width:1350px}.case-study-architecture{box-sizing:border-box;width:100%;max-width:none}.case-study-content{max-width:1350px}.case-study-section-body{min-width:0}.case-study-section-body.has-case-diagram{width:100%;max-width:none}.case-study-section:has(.has-case-diagram){grid-template-columns:150px minmax(0,1fr);gap:clamp(28px,5vw,72px)}.case-flow-detail{box-sizing:border-box;scrollbar-width:thin;width:100%;max-width:100%;margin:36px 0 14px;padding:12px 2px 28px;overflow:auto visible}.case-flow-detail .case-tree{grid-template-columns:repeat(var(--tree-stages), minmax(235px, 1fr));box-sizing:border-box;gap:34px;width:max-content;min-width:100%;padding:28px 10px 34px}.case-flow-detail .case-tree-stage-wrap{min-width:235px}.case-flow-detail .case-tree-stage{border-radius:20px;grid-template-columns:44px 62px minmax(0,1fr);gap:14px;min-height:84px;padding:16px 18px}.case-flow-detail .case-tree-stage-marker{width:38px;height:38px;font-size:.72rem}.case-flow-detail .case-tree-stage-icon{border-radius:16px;width:62px;height:62px}.case-flow-detail .case-tree-stage-copy span{font-size:1rem}.case-flow-detail .case-tree-stage-copy small{font-size:.72rem}.case-flow-detail .case-tree-children{gap:16px;margin:52px 4px 0;padding-top:36px}.case-flow-detail .case-tree-node{border-radius:17px;gap:14px;min-height:88px;padding:14px}.case-flow-detail .case-tree-node-icon{border-radius:14px;flex-basis:52px;width:46px;height:46px}.case-flow-detail .case-tree-node-icon .case-flow-brand-icon{width:36px;height:36px}.case-flow-detail .case-tree-node-copy{gap:6px}.case-flow-detail .case-tree-node-copy small{font-size:.68rem;line-height:1.4}.case-flow-detail .case-tree-flow-dot{width:8px;height:8px}.case-study-architecture .case-tree{grid-template-columns:repeat(var(--tree-stages), minmax(235px, 1fr));gap:42px;width:100%;min-width:0;padding:34px 12px 28px}.case-study-architecture .case-tree-stage-wrap{min-width:0}.case-study-architecture .case-tree-stage{grid-template-columns:44px 64px minmax(0,1fr);gap:14px;min-height:88px;padding:17px 18px}.case-study-architecture .case-tree-stage-marker{width:38px;height:38px;font-size:.72rem}.case-study-architecture .case-tree-stage-icon{border-radius:17px;width:64px;height:64px}.case-study-architecture .case-tree-stage-icon .case-flow-brand-icon{width:42px;height:42px}.case-study-architecture .case-tree-stage-copy span{font-size:1.02rem}.case-study-architecture .case-tree-stage-copy small{font-size:.72rem}.case-study-architecture .case-tree-children{gap:16px;margin-top:54px;padding-top:38px}.case-study-architecture .case-tree-node{min-height:110px;padding:14px}.case-study-architecture .case-tree-node-icon{flex-basis:54px;width:54px;height:54px}.case-study-architecture .case-tree-node-icon .case-flow-brand-icon{width:37px;height:37px}.case-study-architecture .case-tree-node-copy strong{font-size:.9rem}.case-study-architecture .case-tree-node-copy small{font-size:.68rem}@media (width<=1100px){.case-study-section:has(.has-case-diagram){grid-template-columns:110px minmax(0,1fr);gap:28px}.case-study-architecture .case-tree,.case-flow-detail .case-tree{grid-template-columns:repeat(var(--tree-stages), minmax(220px, 1fr));gap:28px}}@media (width<=760px){.case-study-section:has(.has-case-diagram){grid-template-columns:1fr}.case-study-hero-inner{max-width:none}.case-study-architecture{margin-left:0;margin-right:0}.case-study-architecture .case-tree,.case-flow-detail .case-tree{grid-template-columns:repeat(var(--tree-stages), minmax(245px, 245px));min-width:max-content}}.case-study-flow-icon{border-color:var(--icon-color)}@supports (color:color-mix(in lab, red, red)){.case-study-flow-icon{border-color:color-mix(in oklab, var(--icon-color) 52%, transparent)}}.case-study-flow-icon{color:var(--icon-color);background:var(--icon-color)}@supports (color:color-mix(in lab, red, red)){.case-study-flow-icon{background:color-mix(in oklab, var(--icon-color) 11%, transparent)}}.case-study-flow-icon{box-shadow:inset 0 1px 0 oklch(100% 0 0/.1), 0 0 18px var(--icon-color)}@supports (color:color-mix(in lab, red, red)){.case-study-flow-icon{box-shadow:inset 0 1px 0 oklch(100% 0 0/.1), 0 0 18px color-mix(in oklab, var(--icon-color) 15%, transparent)}}.case-study-flow-icon.role-orange,.case-study-footer-icon.role-orange{--icon-color:#ff8a00}.case-study-flow-icon.role-purple,.case-study-footer-icon.role-purple{--icon-color:#a78bfa}.case-study-flow-icon.role-blue,.case-study-footer-icon.role-blue{--icon-color:#60a5fa}.case-study-flow-icon.role-cyan,.case-study-footer-icon.role-cyan{--icon-color:#22d3ee}.case-study-flow-icon.role-lime,.case-study-footer-icon.role-lime{--icon-color:#84cc16}.case-study-flow-icon.role-violet,.case-study-footer-icon.role-violet{--icon-color:#8b5cf6}.case-study-flow-icon.role-indigo,.case-study-footer-icon.role-indigo{--icon-color:#818cf8}.case-study-flow-icon.role-teal,.case-study-footer-icon.role-teal{--icon-color:#2dd4bf}.case-study-flow-icon.role-green,.case-study-footer-icon.role-green{--icon-color:#34d399}.case-study-flow-icon.role-amber,.case-study-footer-icon.role-amber{--icon-color:#fbbf24}.case-study-flow-icon.role-magenta,.case-study-footer-icon.role-magenta{--icon-color:#e879f9}.case-study-flow-icon.role-red,.case-study-footer-icon.role-red{--icon-color:#fb7185}.case-study-flow-icon.role-slate,.case-study-footer-icon.role-slate{--icon-color:#cbd5e1}.case-study-flow-icon.role-pink,.case-study-footer-icon.role-pink{--icon-color:#f472b6}.case-study-flow-icon.role-terraform,.case-study-footer-icon.role-terraform{--icon-color:#a78bfa}.case-study-flow-icon.role-argo,.case-study-footer-icon.role-argo{--icon-color:#ff7a45}.case-study-flow-icon.role-helm,.case-study-footer-icon.role-helm{--icon-color:#60a5fa}.case-study-flow-icon.role-kustomize,.case-study-footer-icon.role-kustomize{--icon-color:#38bdf8}.case-study-flow-icon.role-cilium,.case-study-footer-icon.role-cilium{--icon-color:#06b6d4}.case-study-flow-icon.role-falco,.case-study-footer-icon.role-falco{--icon-color:#f472b6}.case-study-flow-icon.role-hubble,.case-study-footer-icon.role-hubble{--icon-color:#818cf8}.case-study-flow-icon.role-ollama,.case-study-footer-icon.role-ollama{--icon-color:#f8fafc}.case-study-flow-icon.role-bedrock,.case-study-footer-icon.role-bedrock{--icon-color:#22d3ee}.case-study-flow-icon.role-lambda,.case-study-footer-icon.role-lambda{--icon-color:#f90}.case-study-flow-icon.role-cloudfront,.case-study-footer-icon.role-cloudfront{--icon-color:#9b8cff}.case-study-flow-icon.role-route53,.case-study-footer-icon.role-route53{--icon-color:#ffb000}.case-study-flow-icon.role-s3,.case-study-footer-icon.role-s3{--icon-color:#4ade80}.case-study-flow-icon.role-github,.case-study-footer-icon.role-github{--icon-color:#f8fafc}.case-study-flow-icon.role-postgres,.case-study-footer-icon.role-postgres{--icon-color:#60a5fa}.case-study-flow-icon.role-gateway,.case-study-footer-icon.role-gateway{--icon-color:#f59e0b}.case-study-flow-node.is-featured .case-study-flow-icon{box-shadow:inset 0 1px 0 oklch(100% 0 0/.13), 0 0 24px var(--icon-color)}@supports (color:color-mix(in lab, red, red)){.case-study-flow-node.is-featured .case-study-flow-icon{box-shadow:inset 0 1px 0 oklch(100% 0 0/.13), 0 0 24px color-mix(in oklab, var(--icon-color) 24%, transparent)}}.case-study-footer-icon{color:var(--icon-color,var(--sky))}.case-study-detail-diagram{-webkit-backdrop-filter:blur(18px)saturate(125%);backdrop-filter:blur(18px)saturate(125%);background:linear-gradient(145deg,oklch(20% .035 250/.72),oklch(5.5% .018 250/.88));border:1px solid oklch(100% 0 0/.14);border-radius:20px;margin:30px 0;padding:18px;position:relative;overflow-x:auto;box-shadow:inset 0 1px oklch(100% 0 0/.1),0 20px 55px oklch(5% .02 250/.25)}.case-study-detail-grid{grid-template-columns:repeat(4,minmax(180px,1fr));gap:12px;min-width:760px;display:grid}.case-study-detail-column{background:linear-gradient(oklch(30% .045 250/.2),oklch(5% .015 250/.38));border:1px solid oklch(100% 0 0/.12);border-radius:16px;padding:12px;position:relative;box-shadow:inset 0 1px oklch(100% 0 0/.08)}.case-study-detail-column-title{color:oklch(82% .03 225);font-family:var(--font-mono);letter-spacing:.12em;margin-bottom:10px;font-size:.52rem;font-weight:750}.case-study-detail-nodes{gap:8px;display:grid}.case-study-detail-node{background:oklch(10% .025 250/.78);border:1px solid oklch(100% 0 0/.1);border-radius:13px;align-items:center;gap:9px;min-height:56px;padding:9px;display:flex;box-shadow:0 9px 22px oklch(2% .01 250/.22),inset 0 1px oklch(100% 0 0/.07)}.case-study-detail-node.is-featured{border-color:oklch(85% .12 215/.32);box-shadow:0 12px 28px oklch(2% .01 250/.3),inset 0 1px oklch(100% 0 0/.1)}.case-study-detail-node>span:last-child{gap:3px;min-width:0;display:grid}.case-study-detail-node strong{font-size:.68rem;line-height:1.18}.case-study-detail-node small{color:oklch(72% .02 235);font-size:.53rem;line-height:1.3}.case-study-detail-icon{background:currentColor;border:1px solid;border-radius:10px;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid}@supports (color:color-mix(in lab, red, red)){.case-study-detail-icon{background:color-mix(in oklab, currentColor 9%, transparent)}}.case-study-detail-arrow{z-index:3;color:oklch(92% .02 230);background:oklch(8% .02 250/.94);border:1px solid oklch(100% 0 0/.18);border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:50%;right:-18px;transform:translateY(-50%)}.case-study-detail-icon.role-aws{color:#f90}.case-study-detail-icon.role-terraform{color:#a855f7}.case-study-detail-icon.role-argo{color:#ff6b35}.case-study-detail-icon.role-helm{color:#3b82f6}.case-study-detail-icon.role-kustomize{color:#60a5fa}.case-study-detail-icon.role-cilium{color:#06b6d4}.case-study-detail-icon.role-falco{color:#ec4899}.case-study-detail-icon.role-hubble,.case-study-detail-icon.role-ai{color:#22d3ee}.case-study-detail-icon.role-github{color:#f5f5f5}.case-study-detail-icon.role-s3{color:#22c55e}.case-study-detail-icon.role-postgres{color:#60a5fa}.case-study-detail-icon.role-cloudfront{color:#a855f7}.case-study-detail-icon.role-route53{color:#f59e0b}.case-study-detail-icon.role-gateway{color:#06b6d4}.case-study-detail-icon.role-neutral{color:#cbd5e1}@media (width<=760px){.case-study-detail-diagram{margin:22px -2px;padding:12px}.case-study-detail-grid{grid-template-columns:repeat(2,minmax(190px,1fr));min-width:0}.case-study-detail-arrow{display:none}}@media (width<=480px){.case-study-detail-grid{grid-template-columns:1fr}}.case-flow-detail-shell{background:0 0;border:0;margin:42px 0 16px;padding:0;overflow:visible}.case-flow-detail-visual{background:radial-gradient(circle,oklch(19% .05 225/.72),oklch(5.5% .015 245/.98) 70%);border:1px solid oklch(100% 0 0/.13);border-radius:30px;min-height:570px;position:relative;overflow:hidden;box-shadow:0 28px 80px oklch(0% 0 0/.38),inset 0 1px oklch(100% 0 0/.09)}.case-flow-detail-grid-bg{opacity:.3;background-image:linear-gradient(oklch(100% 0 0/.05) 1px,#0000 1px),linear-gradient(90deg,oklch(100% 0 0/.05) 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 20%,#0000 82%);mask-image:radial-gradient(circle,#000 20%,#0000 82%)}.case-flow-detail-lines{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.case-flow-detail-path{fill:none;stroke:oklch(72% .04 220/.22);stroke-width:2.2px}.case-flow-detail-path--active{stroke:var(--sky);stroke-width:2.5px;stroke-dasharray:8 16;filter:url(#flowGlow);opacity:.72;animation:1.15s linear infinite case-flow-dash}.case-flow-detail-nodes{z-index:3;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:clamp(22px,3vw,55px);min-height:570px;padding:80px 34px 90px;display:grid;position:relative}.case-flow-detail-node-wrap{justify-items:center;gap:12px;min-width:0;display:grid;position:relative}.case-flow-detail-stage{color:oklch(67% .025 220);font-family:var(--font-mono);letter-spacing:.14em;font-size:.58rem;font-weight:750}.case-flow-detail-node{opacity:0;width:min(235px,100%);min-height:100px;animation:.7s cubic-bezier(.2,.8,.2,1) forwards case-flow-node-appear;animation-delay:var(--flow-delay);background:linear-gradient(145deg,oklch(16% .035 245/.92),oklch(7.5% .018 245/.96));border:1px solid oklch(100% 0 0/.13);border-radius:18px;align-items:center;gap:13px;padding:16px;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;transform:translateY(18px)scale(.97);box-shadow:0 18px 42px oklch(0% 0 0/.35),inset 0 1px oklch(100% 0 0/.09)}.case-flow-detail-node.is-featured{border-color:var(--sky)}@supports (color:color-mix(in lab, red, red)){.case-flow-detail-node.is-featured{border-color:color-mix(in oklab, var(--sky) 48%, transparent)}}.case-flow-detail-node.is-featured{box-shadow:0 20px 52px var(--sky), inset 0 1px 0 oklch(100% 0 0/.12)}@supports (color:color-mix(in lab, red, red)){.case-flow-detail-node.is-featured{box-shadow:0 20px 52px color-mix(in oklab, var(--sky) 10%, transparent), inset 0 1px 0 oklch(100% 0 0/.12)}}.case-flow-detail-node:hover{border-color:var(--sky);transform:translateY(-5px)scale(1.01)}@supports (color:color-mix(in lab, red, red)){.case-flow-detail-node:hover{border-color:color-mix(in oklab, var(--sky) 60%, transparent)}}.case-flow-detail-icon{width:46px;height:46px;color:var(--sky);background:oklch(100% 0 0/.04);border:1px solid oklch(100% 0 0/.12);border-radius:13px;flex:0 0 46px;place-items:center;display:grid}.case-flow-brand-icon{object-fit:contain;width:25px;height:25px}.case-flow-lucide-icon{place-items:center;width:24px;height:24px;display:grid}.case-flow-lucide-icon svg{width:24px;height:24px}.case-flow-detail-copy{gap:5px;min-width:0;display:grid}.case-flow-detail-copy strong{font-size:.76rem;line-height:1.18}.case-flow-detail-copy small{color:var(--muted-foreground);font-family:var(--font-mono);font-size:.55rem;line-height:1.35}.case-flow-detail-packet{z-index:4;width:8px;height:8px;box-shadow:0 0 9px 3px var(--sky), 0 0 28px 5px var(--sky);background:#fff;border-radius:50%;position:absolute}@supports (color:color-mix(in lab, red, red)){.case-flow-detail-packet{box-shadow:0 0 9px 3px var(--sky), 0 0 28px 5px color-mix(in oklab, var(--sky) 45%, transparent)}}.case-flow-detail-packet:after{content:"";background:linear-gradient(90deg, var(--sky), transparent);transform-origin:100%;border-radius:99px;width:75px;height:3px;position:absolute;top:2px;right:5px}.case-flow-detail-packet.p1{animation:5.2s linear infinite case-flow-travel-one;top:49%;left:6%}.case-flow-detail-packet.p2{animation:5.2s linear 2.6s infinite case-flow-travel-two;top:49%;left:6%}.case-flow-detail-live{z-index:5;color:oklch(64% .02 220);font-family:var(--font-mono);letter-spacing:.12em;align-items:center;gap:8px;font-size:.58rem;display:flex;position:absolute;bottom:18px;left:22px}.case-flow-detail-live span{background:#66e3ad;border-radius:50%;width:6px;height:6px;animation:1.3s ease-in-out infinite case-flow-live-blink;box-shadow:0 0 12px #66e3ad}.case-flow-loop-badge{z-index:5;color:var(--sky);font-family:var(--font-mono);letter-spacing:.08em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:oklch(8% .02 245/.82);border:1px solid oklch(100% 0 0/.1);border-radius:999px;align-items:center;gap:7px;padding:8px 11px;font-size:.56rem;display:flex;position:absolute;bottom:15px;right:22px}@keyframes case-flow-node-appear{to{opacity:1;transform:translateY(0)scale(1)}}@keyframes case-flow-dash{to{stroke-dashoffset:-24px}}@keyframes case-flow-travel-one{0%{opacity:0;left:6%;transform:translateY(0)}7%{opacity:1}48%{left:48%;transform:translateY(-75px)}92%{opacity:1;left:92%;transform:translateY(15px)}to{opacity:0;left:96%}}@keyframes case-flow-travel-two{0%{opacity:0;left:6%}7%{opacity:1}48%{left:48%;transform:translateY(75px)}92%{opacity:1;left:92%;transform:translateY(-15px)}to{opacity:0;left:96%}}@keyframes case-flow-live-blink{0%,to{opacity:.3}50%{opacity:1}}@media (width<=950px){.case-flow-detail-visual{min-height:720px}.case-flow-detail-nodes{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;min-height:720px;padding:70px 24px 90px}.case-flow-detail-lines{opacity:.7}}@media (width<=620px){.case-flow-detail-visual{border-radius:22px;min-height:980px}.case-flow-detail-nodes{grid-template-columns:1fr;gap:17px;min-height:980px;padding:48px 18px 90px}.case-flow-detail-node{width:min(360px,100%);min-height:82px}.case-flow-detail-lines{opacity:.45}.case-flow-detail-packet{display:none}.case-flow-loop-badge{bottom:44px;left:18px;right:auto}}@media (prefers-reduced-motion:reduce){.case-flow-detail-node,.case-flow-detail-path--active,.case-flow-detail-packet,.case-flow-detail-live span{opacity:1!important;animation:none!important;transform:none!important}}.case-study-flow{position:relative}.case-study-flow:before{content:"";background:linear-gradient(90deg, transparent, var(--sky), transparent);opacity:.2;pointer-events:none;height:2px;position:absolute;top:50%;left:9%;right:9%}.case-study-flow:after{content:"";width:7px;height:7px;box-shadow:0 0 10px 4px var(--sky);pointer-events:none;background:#fff;border-radius:50%;animation:4.8s linear infinite case-study-main-flow;position:absolute;top:calc(50% - 3px);left:8%}.case-study-flow-node{z-index:2;animation:.6s both case-study-node-in;animation-delay:calc(var(--flow-node-index,0) * 80ms);position:relative}.case-study-flow-column:first-child .case-study-flow-node{--flow-node-index:0}.case-study-flow-column:nth-child(2) .case-study-flow-node{--flow-node-index:1}.case-study-flow-column:nth-child(3) .case-study-flow-node{--flow-node-index:2}.case-study-flow-column:nth-child(4) .case-study-flow-node{--flow-node-index:3}@keyframes case-study-main-flow{0%{opacity:0;left:8%}8%{opacity:1}92%{opacity:1}to{opacity:0;left:92%}}@keyframes case-study-node-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=760px){.case-study-flow:before,.case-study-flow:after{display:none}}.case-tree{--tree-gap:58px;grid-template-columns:1fr;gap:37px;padding:22px clamp(8px,2vw,20px) 20px;display:grid;position:relative;overflow:visible}.case-tree-stage-wrap{--tree-color:var(--sky);min-width:0;animation:.55s both case-tree-stage-in;animation-delay:calc(var(--tree-index,0) * 90ms);flex-direction:column;align-items:stretch;display:flex;position:relative}.case-tree-stage{z-index:3;border:1px solid var(--tree-color);grid-template-columns:34px 50px minmax(0,1fr);align-self:center;align-items:center;gap:11px;width:min(100%,500px);min-height:72px;padding:10px 14px;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.case-tree-stage{border:1px solid color-mix(in oklch, var(--tree-color) 62%, white 4%)}}.case-tree-stage{background:linear-gradient(135deg, var(--tree-color), #080d19 96%);border-radius:20px}@supports (color:color-mix(in lab, red, red)){.case-tree-stage{background:linear-gradient(135deg, color-mix(in oklch, var(--tree-color) 13%, #0b1020 87%), #080d19 96%)}}.case-tree-stage{box-shadow:inset 0 1px oklch(100% 0 0/.1),0 18px 38px oklch(1% .02 245/.32)}.case-tree-stage-marker{border:1px solid var(--tree-color);place-items:center;width:36px;height:36px;display:grid}@supports (color:color-mix(in lab, red, red)){.case-tree-stage-marker{border:1px solid color-mix(in oklch, var(--tree-color) 50%, transparent)}}.case-tree-stage-marker{color:var(--tree-color);border-radius:10px}@supports (color:color-mix(in lab, red, red)){.case-tree-stage-marker{color:color-mix(in oklch, var(--tree-color) 78%, white 22%)}}.case-tree-stage-marker{font-family:var(--font-mono);font-size:.72rem;font-weight:800}.case-tree-stage-icon{width:42px;height:42px;color:var(--tree-color);background:var(--tree-color);border-radius:16px;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.case-tree-stage-icon{background:color-mix(in oklch, var(--tree-color) 13%, transparent)}}.case-tree-stage-icon{border:1px solid var(--tree-color)}@supports (color:color-mix(in lab, red, red)){.case-tree-stage-icon{border:1px solid color-mix(in oklch, var(--tree-color) 45%, transparent)}}.case-tree-stage-icon .case-flow-brand-icon{width:28px;height:28px}.case-tree-stage-copy{gap:7px;min-width:0;display:grid}.case-tree-stage-copy span{letter-spacing:.075em;font-size:.82rem;font-weight:850;line-height:1.1}.case-tree-stage-copy small{color:var(--muted-foreground);font-size:.72rem;line-height:1.35}.case-tree-children{grid-template-columns:repeat(2,minmax(190px,1fr));gap:18px;width:min(100%,1120px);margin:34px auto 0;padding-top:27px;display:grid;position:relative}.case-tree-children.count-1{grid-template-columns:minmax(260px,520px);justify-content:center}.case-tree-children.count-3{grid-template-columns:repeat(3,minmax(190px,1fr))}.case-tree-children.count-4{grid-template-columns:repeat(4,minmax(170px,1fr))}.case-tree-children:after{content:"";background:linear-gradient(180deg, var(--tree-color), var(--tree-color));width:2px;height:42px;position:absolute;top:-42px;left:50%}@supports (color:color-mix(in lab, red, red)){.case-tree-children:after{background:linear-gradient(180deg, var(--tree-color), color-mix(in oklch, var(--tree-color) 55%, transparent))}}.case-tree-children:after{box-shadow:0 0 12px var(--tree-color)}@supports (color:color-mix(in lab, red, red)){.case-tree-children:after{box-shadow:0 0 12px color-mix(in oklch, var(--tree-color) 25%, transparent)}}.case-tree-children:before{content:"";background:linear-gradient(90deg, transparent, var(--tree-color) 8%, var(--tree-color) 92%, transparent);height:2px;position:absolute;top:0;left:12.5%;right:12.5%}@supports (color:color-mix(in lab, red, red)){.case-tree-children:before{background:linear-gradient(90deg, transparent, color-mix(in oklch, var(--tree-color) 70%, transparent) 8%, color-mix(in oklch, var(--tree-color) 70%, transparent) 92%, transparent)}}.case-tree-children.count-1:before{width:2px;height:34px;top:0;left:50%;right:auto}.case-tree-node{z-index:2;border:1px solid var(--tree-color);align-items:center;gap:10px;min-width:0;min-height:68px;padding:9px 11px;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.case-tree-node{border:1px solid color-mix(in oklch, var(--tree-color) 28%, white 3%)}}.case-tree-node{background:linear-gradient(145deg, var(--tree-color), #070b15 96%);border-radius:16px}@supports (color:color-mix(in lab, red, red)){.case-tree-node{background:linear-gradient(145deg, color-mix(in oklch, var(--tree-color) 7%, #0b1020 93%), #070b15 96%)}}.case-tree-node{animation:.5s both case-tree-node-in;animation-delay:calc((var(--tree-index,0) * 90ms) + (var(--node-index,0) * 90ms) + .12s);box-shadow:inset 0 1px oklch(100% 0 0/.07),0 13px 28px oklch(1% .02 245/.25)}.case-tree-node:before{content:"";background:linear-gradient(180deg, var(--tree-color), var(--tree-color));width:2px;height:34px;position:absolute;top:-34px;left:50%}@supports (color:color-mix(in lab, red, red)){.case-tree-node:before{background:linear-gradient(180deg, color-mix(in oklch, var(--tree-color) 72%, transparent), color-mix(in oklch, var(--tree-color) 38%, transparent))}}.case-tree-node:after{content:"";background:var(--tree-color);width:10px;height:10px;box-shadow:0 0 12px var(--tree-color);border-radius:50%;position:absolute;top:-34px;left:50%;transform:translate(-50%,-50%)}@supports (color:color-mix(in lab, red, red)){.case-tree-node:after{box-shadow:0 0 12px color-mix(in oklch, var(--tree-color) 75%, transparent)}}.case-tree-node.is-featured{border-color:var(--tree-color)}@supports (color:color-mix(in lab, red, red)){.case-tree-node.is-featured{border-color:color-mix(in oklch, var(--tree-color) 55%, white 4%)}}.case-tree-node.is-featured{background:linear-gradient(145deg, var(--tree-color), #080d19 94%)}@supports (color:color-mix(in lab, red, red)){.case-tree-node.is-featured{background:linear-gradient(145deg, color-mix(in oklch, var(--tree-color) 13%, #0b1020 87%), #080d19 94%)}}.case-tree-node-icon{border:1px solid var(--icon-color,var(--tree-color));flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid}@supports (color:color-mix(in lab, red, red)){.case-tree-node-icon{border:1px solid color-mix(in oklch, var(--icon-color,var(--tree-color)) 48%, transparent)}}.case-tree-node-icon{color:var(--icon-color,var(--tree-color));background:var(--icon-color,var(--tree-color));border-radius:13px}@supports (color:color-mix(in lab, red, red)){.case-tree-node-icon{background:color-mix(in oklch, var(--icon-color,var(--tree-color)) 10%, transparent)}}.case-tree-node-icon .case-flow-brand-icon{width:25px;height:25px}.case-tree-node-copy{gap:6px;min-width:0;display:grid}.case-tree-node-copy strong{font-size:.76rem;line-height:1.2}.case-tree-node-copy small{color:var(--muted-foreground);font-size:.68rem;line-height:1.4}.case-tree-flow-dot{width:8px;height:8px;box-shadow:0 0 13px 4px var(--tree-color);background:#fff;border-radius:50%;position:absolute;top:-39px;left:50%}@supports (color:color-mix(in lab, red, red)){.case-tree-flow-dot{box-shadow:0 0 13px 4px color-mix(in oklch, var(--tree-color) 82%, transparent)}}.case-tree-flow-dot{animation:2.8s ease-in-out infinite case-tree-branch-packet;animation-delay:calc((var(--tree-index,0) * 90ms) + (var(--node-index,0) * .22s));transform:translate(-50%)}.case-tree-stage-link{z-index:1;left:50%;bottom:calc(var(--tree-gap) * -1);width:2px;height:var(--tree-gap);position:absolute;transform:translate(-50%)}.case-tree-stage-link-line{background:linear-gradient(180deg, var(--tree-color), var(--tree-color));position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.case-tree-stage-link-line{background:linear-gradient(180deg, color-mix(in oklch, var(--tree-color) 72%, transparent), color-mix(in oklch, var(--tree-color) 38%, transparent))}}.case-tree-stage-packet{width:8px;height:8px;box-shadow:0 0 13px 4px var(--tree-color);background:#fff;border-radius:50%;position:absolute;top:0;left:50%}@supports (color:color-mix(in lab, red, red)){.case-tree-stage-packet{box-shadow:0 0 13px 4px color-mix(in oklch, var(--tree-color) 85%, transparent)}}.case-tree-stage-packet{animation:2.2s linear infinite case-tree-stage-packet;animation-delay:calc(var(--tree-index,0) * .16s);transform:translate(-50%,-50%)}.case-tree-stage-chevron{color:var(--tree-color);font-size:22px;line-height:1;position:absolute;bottom:-2px;left:50%;transform:translate(-50%,50%)rotate(90deg)}.case-tree-detail{margin-top:4px;padding-top:8px}.case-flow-detail{width:100%;margin:21px 0 8px;padding:10px 4px 22px;overflow:visible}.case-flow-detail .case-tree{padding-top:24px}.case-flow-detail .case-tree-stage{min-height:96px}.case-flow-detail .case-tree-stage-icon{width:56px;height:56px}.case-flow-detail .case-tree-stage-icon .case-flow-brand-icon{width:36px;height:36px}.case-flow-detail .case-tree-stage-marker{width:34px;height:34px}.case-flow-detail .case-tree-children{margin-top:48px;padding-top:27px}.case-flow-detail .case-tree-node{min-height:96px}.case-flow-detail .case-tree-node-copy strong{font-size:.82rem}.case-flow-detail .case-tree-node-copy small{font-size:.66rem}.case-tree-stage-icon,.case-tree-node-icon,.case-flow-detail-icon{--icon-color:var(--tree-color)}.role-github{--icon-color:#f0f6fc}.role-argo{--icon-color:#ef7b4d}.role-kubernetes{--icon-color:#326ce5}.role-coredns{--icon-color:#29abe2}.role-raspberrypi{--icon-color:#c51a4a}.role-langchain{--icon-color:#1c3c3c}.role-cilium{--icon-color:#00a7b5}.role-terraform{--icon-color:#844fba}.role-helm{--icon-color:#0f1689}.role-kustomize{--icon-color:#326ce5}.role-ollama{--icon-color:#f5f5f5}.role-amazonaws,.role-awslambda{--icon-color:#f90}.role-amazonapigateway{--icon-color:#ff4f8b}.role-amazoncloudfront,.role-amazonroute53{--icon-color:#8c4fff}.role-amazons3{--icon-color:#569a31}.role-postgresql{--icon-color:#4169e1}.role-opensearch{--icon-color:#005eb8}.role-docker{--icon-color:#2496ed}.role-falco{--icon-color:#00aec7}.role-hubble{--icon-color:#f7c843}.role-python{--icon-color:#3776ab}.role-bedrock,.role-lambda{--icon-color:#f90}.role-cloudfront,.role-route53{--icon-color:#8c4fff}.role-s3{--icon-color:#569a31}.role-postgres{--icon-color:#4169e1}.role-gateway{--icon-color:#ff4f8b}.role-neutral{--icon-color:var(--tree-color)}@media (width<=900px){.case-tree-children.count-3,.case-tree-children.count-4{grid-template-columns:repeat(2,minmax(190px,1fr))}}@media (width<=600px){.case-tree{--tree-gap:37px;padding-left:2px;padding-right:2px}.case-tree-stage{grid-template-columns:36px 52px minmax(0,1fr);gap:10px;min-height:92px;padding:13px 14px}.case-tree-stage-icon{width:52px;height:42px}.case-tree-stage-icon .case-flow-brand-icon{width:28px;height:28px}.case-tree-stage-copy span{font-size:.88rem}.case-tree-stage-copy small{font-size:.64rem}.case-tree-children,.case-tree-children.count-3,.case-tree-children.count-4{grid-template-columns:1fr;width:min(100%,430px)}.case-tree-children:before,.case-tree-children.count-1:before{width:2px;height:34px;left:50%;right:auto}.case-tree-node{min-height:86px}.case-tree-node:before{height:34px;top:-34px}.case-tree-node:after{top:-34px}.case-flow-detail .case-tree{min-width:0}}@media (prefers-reduced-motion:reduce){.case-tree-stage-wrap,.case-tree-node,.case-tree-flow-dot,.case-tree-stage-packet{animation:none}}@keyframes case-tree-stage-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes case-tree-node-in{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes case-tree-branch-packet{0%,18%{opacity:0;transform:translate(-50%,8px)}28%{opacity:1}72%{opacity:1}to{opacity:0;transform:translate(-50%,30px)}}@keyframes case-tree-stage-packet{0%{opacity:0;top:0}12%{opacity:1}88%{opacity:1}to{opacity:0;top:100%}}.case-tree-canvas{width:100%;max-width:1200px;margin:4px auto 0;padding:28px 12px 44px;position:relative}.case-tree-root{--tree-root-color:var(--sky);z-index:4;box-sizing:border-box;border:1px solid var(--tree-root-color);grid-template-columns:48px 78px minmax(0,1fr);align-items:center;gap:18px;width:min(780px,88%);min-height:138px;margin:0 auto;padding:20px 24px;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.case-tree-root{border:1px solid color-mix(in oklab, var(--tree-root-color) 52%, transparent)}}.case-tree-root{background:linear-gradient(145deg, var(--tree-root-color), #070d18 97%);border-radius:24px}@supports (color:color-mix(in lab, red, red)){.case-tree-root{background:linear-gradient(145deg, color-mix(in oklab, var(--tree-root-color) 18%, #0b1020 82%), #070d18 97%)}}.case-tree-root{box-shadow:inset 0 1px 0 oklch(100% 0 0/.12), 0 22px 60px oklch(1% .02 245/.36), 0 0 35px var(--tree-root-color)}@supports (color:color-mix(in lab, red, red)){.case-tree-root{box-shadow:inset 0 1px 0 oklch(100% 0 0/.12), 0 22px 60px oklch(1% .02 245/.36), 0 0 35px color-mix(in oklab, var(--tree-root-color) 9%, transparent)}}.case-tree-root-mark{border:1px solid var(--tree-root-color);place-items:center;width:42px;height:42px;display:grid}@supports (color:color-mix(in lab, red, red)){.case-tree-root-mark{border:1px solid color-mix(in oklab, var(--tree-root-color) 48%, transparent)}}.case-tree-root-mark{color:var(--tree-root-color);font:800 .72rem/1 var(--font-mono);border-radius:11px}.case-tree-root-icon{width:78px;height:78px;color:var(--tree-root-color);background:var(--tree-root-color);border-radius:18px;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.case-tree-root-icon{background:color-mix(in oklab, var(--tree-root-color) 9%, transparent)}}.case-tree-root-icon{border:1px solid var(--tree-root-color)}@supports (color:color-mix(in lab, red, red)){.case-tree-root-icon{border:1px solid color-mix(in oklab, var(--tree-root-color) 34%, transparent)}}.case-tree-root-icon .case-flow-brand-icon{width:46px;height:46px}.case-tree-root-copy{gap:7px;min-width:0;display:grid}.case-tree-root-copy strong{letter-spacing:.045em;font-size:clamp(1.25rem,2.2vw,1.85rem);line-height:1}.case-tree-root-copy span{color:var(--tree-root-color)}@supports (color:color-mix(in lab, red, red)){.case-tree-root-copy span{color:color-mix(in oklab, var(--tree-root-color) 80%, white 20%)}}.case-tree-root-copy span{font:750 .62rem/1 var(--font-mono);letter-spacing:.15em}.case-tree-root-copy small{color:var(--muted-foreground);font-size:.72rem;line-height:1.45}.case-tree-root-packet{width:9px;height:9px;box-shadow:0 0 16px 5px var(--tree-root-color);background:#fff;border-radius:50%;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}@supports (color:color-mix(in lab, red, red)){.case-tree-root-packet{box-shadow:0 0 16px 5px color-mix(in oklab, var(--tree-root-color) 72%, transparent)}}.case-tree-root-packet{animation:2.2s ease-in-out infinite case-tree-root-packet}.case-tree-root-link{width:2px;height:74px;margin:0 auto;position:relative}.case-tree-root-link span{background:linear-gradient(var(--tree-root-color), var(--tree-root-color));position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.case-tree-root-link span{background:linear-gradient(var(--tree-root-color), color-mix(in oklab, var(--tree-root-color) 25%, transparent))}}.case-tree-root-link i{border-right:2px solid var(--tree-root-color);border-bottom:2px solid var(--tree-root-color);width:10px;height:10px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)rotate(45deg)}.case-tree-stages{grid-template-columns:1fr;gap:74px;display:grid}.case-tree-stages .case-tree-stage-wrap{width:100%}.case-tree-stages .case-tree-stage{width:min(780px,88%);min-height:126px}.case-tree-stages .case-tree-children{width:min(1320px,100%);margin-top:60px}.case-tree-stages .case-tree-node{min-height:126px}.case-tree-stages .case-tree-stage-link{height:74px;bottom:-74px}.case-tree-stages .case-tree-stage-chevron{border-right:2px solid var(--tree-color);border-bottom:2px solid var(--tree-color);width:10px;height:10px;font-size:0;transform:translate(-50%,50%)rotate(45deg)}@keyframes case-tree-root-packet{0%,20%{opacity:0;bottom:-6px}35%,72%{opacity:1;bottom:-48px}to{opacity:0;bottom:-70px}}.case-study-architecture-zoomable{cursor:zoom-in;position:relative}.case-study-architecture-zoomable:focus-visible{outline-offset:5px;outline:2px solid #ffffffa6}.case-study-architecture-zoom-control{z-index:50;color:#f4f7fb;min-height:38px;font:700 12px/1 var(--font-mono);letter-spacing:.02em;cursor:zoom-in;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#070b15db;border:1px solid #ffffff2e;border-radius:10px;align-items:center;gap:7px;padding:8px 12px;display:inline-flex;position:absolute;top:16px;right:16px}.case-study-architecture-zoom-control span:first-child{font-size:18px;line-height:1}.case-study-architecture-zoomable.is-zoomed{cursor:zoom-out;z-index:99999!important;background:#070b15!important;border:1px solid #ffffff38!important;border-radius:16px!important;width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;margin:0!important;padding:34px!important;position:fixed!important;inset:18px!important;overflow:auto!important;box-shadow:0 30px 120px #000000d1!important}.case-study-architecture-zoomable.is-zoomed .case-study-architecture-zoom-control{float:right;cursor:zoom-out;position:sticky;top:0}body.architecture-diagram-zoom-open{overflow:hidden}@media (width<=700px){.case-study-architecture-zoom-control span:last-child{display:none}.case-study-architecture-zoomable.is-zoomed{border-radius:10px!important;padding:22px 10px!important;inset:6px!important}}.eiden-case-flow{background:linear-gradient(#080d19b8,#0408106b);border:1px solid #ffffff14;border-radius:24px;width:100%;max-width:none;margin:42px 0 20px;padding:30px clamp(10px,3vw,46px) 44px;overflow:visible}.eiden-flow{--eiden-line:#5cd3ffa8;--eiden-node:#0b1220;--eiden-accent:#38bdf8;flex-direction:column;align-items:center;width:min(100%,1120px);margin:0 auto;display:flex}.eiden-tree-node{z-index:2;width:min(100%,500px);min-height:94px;animation:.5s both eiden-node-in;animation-delay:calc(var(--node-index) * 55ms);background:linear-gradient(145deg,#111a2bf5,#060b15fa);border:1px solid #ffffff1c;border-radius:17px;align-items:center;gap:16px;padding:16px 19px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0f,0 14px 30px #00000038}.eiden-tree-node.is-featured{border-color:var(--eiden-accent)}@supports (color:color-mix(in lab, red, red)){.eiden-tree-node.is-featured{border-color:color-mix(in oklch, var(--eiden-accent) 48%, white 4%)}}.eiden-tree-node.is-featured{background:linear-gradient(145deg, var(--eiden-accent), #070c17)}@supports (color:color-mix(in lab, red, red)){.eiden-tree-node.is-featured{background:linear-gradient(145deg, color-mix(in oklch, var(--eiden-accent) 11%, #111a2b 89%), #070c17)}}.eiden-tree-node-icon{width:54px;height:54px;color:var(--icon-color,var(--eiden-accent));background:var(--icon-color,var(--eiden-accent));border-radius:14px;flex:0 0 54px;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.eiden-tree-node-icon{background:color-mix(in oklch, var(--icon-color,var(--eiden-accent)) 11%, transparent)}}.eiden-tree-node-icon{border:1px solid var(--icon-color,var(--eiden-accent))}@supports (color:color-mix(in lab, red, red)){.eiden-tree-node-icon{border:1px solid color-mix(in oklch, var(--icon-color,var(--eiden-accent)) 42%, transparent)}}.eiden-tree-node-icon .case-flow-brand-icon{width:36px;height:36px}.eiden-tree-node-copy{gap:6px;min-width:0;display:grid}.eiden-tree-node-copy strong{font-size:.96rem;line-height:1.2}.eiden-tree-node-copy small{color:var(--muted-foreground);font-size:.72rem;line-height:1.4}.eiden-tree-flow-dot{width:8px;height:8px;box-shadow:0 0 14px 4px var(--eiden-accent);background:#fff;border-radius:50%;position:absolute;top:-4px;left:50%;transform:translate(-50%,-50%)}@supports (color:color-mix(in lab, red, red)){.eiden-tree-flow-dot{box-shadow:0 0 14px 4px color-mix(in oklch, var(--eiden-accent) 70%, transparent)}}.eiden-tree-flow-dot{animation:2.3s ease-in-out infinite eiden-pulse}.eiden-tree-connector{background:linear-gradient(180deg, var(--eiden-line), #5cd3ff2e);flex:0 0 56px;width:2px;height:56px;position:relative}.eiden-tree-connector i{background:#fff;border-radius:50%;width:7px;height:7px;animation:1.9s linear infinite eiden-travel;position:absolute;top:-4px;left:50%;transform:translate(-50%);box-shadow:0 0 12px 4px #5cd3ff9e}.eiden-branch-grid{gap:26px;width:min(100%,1050px);padding-top:58px;display:grid;position:relative}.eiden-branch-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.eiden-branch-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.eiden-branch-grid:before{content:"";background:linear-gradient(90deg, transparent, var(--eiden-line) 10%, var(--eiden-line) 90%, transparent);height:2px;position:absolute;top:0;left:16.666%;right:16.666%}.eiden-branch-grid.two:before{left:25%;right:25%}.eiden-branch-grid .eiden-tree-node{width:100%}.eiden-branch-grid .eiden-tree-node:before{content:"";background:linear-gradient(180deg, var(--eiden-line), #5cd3ff38);width:2px;height:58px;position:absolute;top:-58px;left:50%}.eiden-branch-grid .eiden-tree-node:after{content:"";background:var(--eiden-accent);border-radius:50%;width:9px;height:9px;position:absolute;top:-58px;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px #38bdf89e}.eiden-subtree{flex-direction:column;align-items:center;width:min(100%,1050px);display:flex}.eiden-subtree>.eiden-tree-node{width:min(100%,500px)}.eiden-flow-agent .eiden-branch-grid{margin-top:2px}.eiden-flow-agent .eiden-branch-grid.compact{margin-top:0;padding-top:0}.eiden-flow-agent .eiden-branch-grid.compact:before,.eiden-flow-agent .eiden-branch-grid.compact .eiden-tree-node:before,.eiden-flow-agent .eiden-branch-grid.compact .eiden-tree-node:after{display:none}.eiden-flow-agent .eiden-branch{flex-direction:column;align-items:center;min-width:0;display:flex}@keyframes eiden-node-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes eiden-travel{0%{opacity:0;top:-2px}15%{opacity:1}85%{opacity:1}to{opacity:0;top:calc(100% + 2px)}}@keyframes eiden-pulse{0%,to{opacity:.2}50%{opacity:1}}@media (width<=760px){.eiden-case-flow{padding:22px 10px 30px}.eiden-branch-grid.two,.eiden-branch-grid.three{grid-template-columns:1fr;gap:20px}.eiden-branch-grid:before{width:2px;height:58px;left:50%;right:auto}.eiden-branch-grid .eiden-tree-node:before{height:20px;top:-20px}.eiden-branch-grid .eiden-tree-node:after{top:-20px}.eiden-branch-grid{padding-top:42px}.eiden-tree-node{min-height:86px}}@media (prefers-reduced-motion:reduce){.eiden-tree-node,.eiden-tree-flow-dot,.eiden-tree-connector i{animation:none}}.eiden-diagram-section{min-width:0}.eiden-diagram-section .eiden-case-flow{width:calc(100% + clamp(28px,5vw,96px));margin-left:calc(clamp(28px,5vw,96px)/-2)}@media (width<=900px){.eiden-diagram-section .eiden-case-flow{width:100%;margin-left:0}}.eiden-architecture{width:min(1600px,100vw - 48px);max-width:none;margin-left:50%;padding:clamp(28px,3vw,44px);overflow:visible;transform:translate(-50%)}.eiden-architecture .case-study-architecture-head{padding-bottom:30px}.eiden-architecture .case-study-architecture-head h2{font-size:clamp(1.5rem,2.5vw,2.15rem)}.eiden-architecture .case-tree{gap:72px;width:100%;max-width:1200px;margin:0 auto;padding:42px 16px 54px}.eiden-architecture .case-tree-stage-wrap{width:100%}.eiden-architecture .case-tree-stage{border-radius:22px;grid-template-columns:48px 76px minmax(0,1fr);gap:18px;width:min(760px,82%);min-height:124px;padding:19px 24px}.eiden-architecture .case-tree-stage-marker{width:42px;height:42px;font-size:.78rem}.eiden-architecture .case-tree-stage-icon{border-radius:18px;width:74px;height:74px}.eiden-architecture .case-tree-stage-icon .case-flow-brand-icon{width:46px;height:46px}.eiden-architecture .case-tree-stage-copy span{font-size:clamp(1.05rem,1.7vw,1.3rem)}.eiden-architecture .case-tree-stage-copy small{font-size:.76rem}.eiden-architecture .case-tree-children{gap:22px;width:min(1240px,100%);margin-top:64px;padding-top:42px}.eiden-architecture .case-tree-children.count-3{grid-template-columns:repeat(3,minmax(0,1fr))}.eiden-architecture .case-tree-children.count-4{grid-template-columns:repeat(4,minmax(0,1fr))}.eiden-architecture .case-tree-children:after{height:64px;top:-64px}.eiden-architecture .case-tree-node{border-radius:18px;gap:16px;min-height:122px;padding:18px 19px}.eiden-architecture .case-tree-node-icon{border-radius:14px;flex-basis:58px;width:58px;height:58px}.eiden-architecture .case-tree-node-icon .case-flow-brand-icon{width:33px;height:33px}.eiden-architecture .case-tree-node-copy strong{font-size:.92rem}.eiden-architecture .case-tree-node-copy small{font-size:.7rem}.eiden-architecture .case-tree-stage-link{bottom:calc(var(--tree-gap) * -1)}.eiden-architecture.is-zoomed{width:auto!important;max-width:none!important;max-height:calc(100vh - 36px)!important;margin:0!important;inset:18px!important;overflow:auto!important;transform:none!important}@media (width<=1000px){.eiden-architecture{width:calc(100vw - 32px)}.eiden-architecture .case-tree-stage{width:min(760px,96%)}.eiden-architecture .case-tree-children.count-3,.eiden-architecture .case-tree-children.count-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.eiden-architecture{width:calc(100vw - 20px);padding:22px 12px}.eiden-architecture .case-tree{gap:56px;padding-left:2px;padding-right:2px}.eiden-architecture .case-tree-stage{grid-template-columns:34px 54px minmax(0,1fr);gap:10px;width:100%;min-height:100px;padding:13px 14px}.eiden-architecture .case-tree-stage-icon{width:54px;height:54px}.eiden-architecture .case-tree-stage-icon .case-flow-brand-icon{width:34px;height:34px}.eiden-architecture .case-tree-stage-copy span{font-size:.92rem}.eiden-architecture .case-tree-children,.eiden-architecture .case-tree-children.count-3,.eiden-architecture .case-tree-children.count-4{grid-template-columns:1fr}.eiden-architecture .case-tree-node{min-height:96px}}.eiden-architecture{width:min(1200px,100vw - 32px);margin-left:50%;padding:clamp(30px,3.5vw,52px);overflow:visible;transform:translate(-50%)}.eiden-architecture .eiden-tree-canvas{width:100%;max-width:1500px;margin:4px auto 0;padding:28px 12px 44px;position:relative}.eiden-tree-root{z-index:4;background:linear-gradient(145deg,#0d3746b8,#070d18f7);border:1px solid #38bdf87a;border-radius:24px;grid-template-columns:48px 78px minmax(0,1fr);align-items:center;gap:18px;width:min(780px,88%);min-height:138px;margin:0 auto;padding:20px 24px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff1f,0 22px 60px #0000005c,0 0 35px #22d3ee14}.eiden-tree-root-mark{color:#22d3ee;width:42px;height:42px;font:800 .82rem/1 var(--font-mono);border:1px solid #22d3ee73;border-radius:11px;place-items:center;display:grid}.eiden-tree-root-icon{color:#22d3ee;background:#22d3ee17;border:1px solid #22d3ee57;border-radius:18px;place-items:center;width:78px;height:78px;display:grid}.eiden-tree-root-copy{gap:7px;min-width:0;display:grid}.eiden-tree-root-copy strong{letter-spacing:.08em;font-size:clamp(1.35rem,2.4vw,2rem);line-height:1}.eiden-tree-root-copy span{color:#67e8f9;font:750 .68rem/1 var(--font-mono);letter-spacing:.17em}.eiden-tree-root-copy small{color:var(--muted-foreground);font-size:.76rem;line-height:1.45}.eiden-tree-root-packet{background:#fff;border-radius:50%;width:9px;height:9px;animation:2.2s ease-in-out infinite eiden-root-packet;position:absolute;bottom:-9px;left:50%;transform:translate(-50%);box-shadow:0 0 16px 5px #22d3eeb8}.eiden-tree-root-link{width:2px;height:74px;margin:0 auto;position:relative}.eiden-tree-root-link span{background:linear-gradient(#22d3ee,#22d3ee40);position:absolute;inset:0}.eiden-tree-root-link i{border-bottom:2px solid #22d3ee;border-right:2px solid #22d3ee;width:10px;height:10px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)rotate(45deg)}.eiden-tree-stages{grid-template-columns:1fr;gap:74px;display:grid}.eiden-tree-stages .case-tree-stage-wrap{width:100%}.eiden-tree-stages .case-tree-stage{width:min(780px,88%);min-height:126px}.eiden-tree-stages .case-tree-children{width:min(1320px,100%);margin-top:60px}.eiden-tree-stages .case-tree-node{min-height:126px}.eiden-tree-stages .case-tree-stage-link{height:74px;bottom:-74px}.eiden-tree-stages .case-tree-stage-chevron{border-right:2px solid var(--tree-color);border-bottom:2px solid var(--tree-color);width:10px;height:10px;font-size:0;transform:translate(-50%,50%)rotate(45deg)}@keyframes eiden-root-packet{0%,20%{opacity:0;bottom:-6px}35%,72%{opacity:1;bottom:-48px}to{opacity:0;bottom:-70px}}@media (width<=1050px){.eiden-architecture{width:calc(100vw - 24px)}.eiden-tree-root,.eiden-tree-stages .case-tree-stage{width:96%}.eiden-tree-stages .case-tree-children.count-3,.eiden-tree-stages .case-tree-children.count-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.eiden-architecture{width:calc(100vw - 12px);padding:22px 10px}.eiden-architecture .eiden-tree-canvas{padding:16px 2px 30px}.eiden-tree-root{border-radius:18px;grid-template-columns:32px 54px minmax(0,1fr);gap:10px;width:100%;min-height:84px;padding:14px}.eiden-tree-root-mark{width:32px;height:32px;font-size:.7rem}.eiden-tree-root-icon{border-radius:13px;width:54px;height:54px}.eiden-tree-root-icon svg{width:30px;height:30px}.eiden-tree-root-copy strong{font-size:1.12rem}.eiden-tree-root-copy span{font-size:.55rem}.eiden-tree-root-copy small{font-size:.63rem}.eiden-tree-root-link{height:50px}.eiden-tree-stages{gap:54px}.eiden-tree-stages .case-tree-stage{width:100%;min-height:84px}.eiden-tree-stages .case-tree-children,.eiden-tree-stages .case-tree-children.count-3,.eiden-tree-stages .case-tree-children.count-4{grid-template-columns:1fr;width:min(100%,450px)}.eiden-tree-stages .case-tree-node{min-height:98px}.eiden-tree-stages .case-tree-stage-link{height:54px;bottom:-54px}}.case-study-architecture-picture{overflow:visible}.eiden-architecture article,.eiden-case-flow article{box-sizing:border-box;width:500px;min-width:500px;max-width:500px;height:94px;min-height:94px;max-height:94px}@media (width<=560px){.eiden-architecture article,.eiden-case-flow article{width:min(364px,100vw - 48px);min-width:0;max-width:calc(100vw - 48px)}}.eiden-architecture article,.eiden-case-flow article{padding:14px}.case-study-architecture.eiden-architecture{box-sizing:border-box;width:min(1200px,100vw - 32px);max-width:none;margin-left:50%;margin-right:0;overflow:visible;transform:translate(-50%)}.case-study-architecture-zoomable.eiden-architecture{position:relative;overflow:visible}.case-study-architecture-zoomable.eiden-architecture.is-zoomed{z-index:99999!important;width:auto!important;max-width:none!important;max-height:calc(100vh - 36px)!important;margin:0!important;position:fixed!important;inset:18px!important;overflow:auto!important;transform:none!important}.case-study-architecture.eiden-architecture article{box-sizing:border-box;width:364px;min-width:364px;max-width:364px;height:90px;min-height:90px;max-height:90px;padding:14px}@media (width<=760px){.case-study-architecture.eiden-architecture{width:calc(100vw - 20px);margin-left:0;margin-right:0;transform:none}.case-study-architecture.eiden-architecture article{width:min(364px,100vw - 48px);min-width:0;max-width:calc(100vw - 48px)}}.case-study-architecture.case-study-architecture-zoomable.eiden-architecture{transform-origin:top;transform:translate(-50%)scaleY(.8)}.case-study-architecture.case-study-architecture-zoomable.eiden-architecture.is-zoomed{transform:none!important}@media (width<=760px){.case-study-architecture.case-study-architecture-zoomable.eiden-architecture{transform-origin:top;transform:scaleY(.8)}.case-study-architecture.case-study-architecture-zoomable.eiden-architecture.is-zoomed{transform:none!important}}.eiden-architecture .eiden-tree-stages .case-tree-stage{box-sizing:border-box;width:364px;min-width:364px;max-width:364px;height:90px;min-height:90px;max-height:90px}.eiden-architecture .eiden-tree-stages .case-tree-children{box-sizing:border-box;justify-content:center;align-items:start;gap:22px;margin-inline:auto}.eiden-architecture .eiden-tree-stages .case-tree-children.count-3{grid-template-columns:repeat(3,364px);width:1136px;max-width:100%}.eiden-architecture .eiden-tree-stages .case-tree-children.count-2{grid-template-columns:repeat(2,364px);width:750px;max-width:100%}.eiden-architecture .eiden-tree-stages .case-tree-children.count-1{grid-template-columns:364px;width:364px;max-width:100%}.eiden-architecture .eiden-tree-stages .case-tree-children.count-4{grid-template-columns:repeat(2,364px);width:1136px;max-width:100%}.eiden-architecture .eiden-tree-stages .case-tree-children.count-3:before,.eiden-architecture .eiden-tree-stages .case-tree-children.count-2:before,.eiden-architecture .eiden-tree-stages .case-tree-children.count-1:before{width:0;height:2px;box-shadow:none;background:0 0;left:50%;right:auto}.eiden-architecture .eiden-tree-stages .case-tree-children.count-3:before{background:linear-gradient(90deg, transparent, var(--tree-color) 6%, var(--tree-color) 94%, transparent);width:930px;left:50%;transform:translate(-50%)}@supports (color:color-mix(in lab, red, red)){.eiden-architecture .eiden-tree-stages .case-tree-children.count-3:before{background:linear-gradient(90deg, transparent, color-mix(in oklch, var(--tree-color) 70%, transparent) 6%, color-mix(in oklch, var(--tree-color) 70%, transparent) 94%, transparent)}}.eiden-architecture .eiden-tree-stages .case-tree-children.count-2:before{background:linear-gradient(90deg, transparent, var(--tree-color) 8%, var(--tree-color) 92%, transparent);width:386px;left:50%;transform:translate(-50%)}@supports (color:color-mix(in lab, red, red)){.eiden-architecture .eiden-tree-stages .case-tree-children.count-2:before{background:linear-gradient(90deg, transparent, color-mix(in oklch, var(--tree-color) 70%, transparent) 8%, color-mix(in oklch, var(--tree-color) 70%, transparent) 92%, transparent)}}.eiden-architecture .eiden-tree-stages .case-tree-children.count-1:before{background:var(--tree-color);width:2px;height:34px;left:50%;transform:translate(-50%)}@supports (color:color-mix(in lab, red, red)){.eiden-architecture .eiden-tree-stages .case-tree-children.count-1:before{background:color-mix(in oklch, var(--tree-color) 70%, transparent)}}@media (width<=1050px){.eiden-architecture .eiden-tree-stages .case-tree-children.count-3,.eiden-architecture .eiden-tree-stages .case-tree-children.count-4{grid-template-columns:repeat(2,364px);width:750px;max-width:100%}.eiden-architecture .eiden-tree-stages .case-tree-children.count-3:before,.eiden-architecture .eiden-tree-stages .case-tree-children.count-4:before{width:386px}}@media (width<=760px){.eiden-architecture .eiden-tree-stages .case-tree-stage{width:min(364px,100%);min-width:0;max-width:100%}.eiden-architecture .eiden-tree-stages .case-tree-children.count-1,.eiden-architecture .eiden-tree-stages .case-tree-children.count-2,.eiden-architecture .eiden-tree-stages .case-tree-children.count-3,.eiden-architecture .eiden-tree-stages .case-tree-children.count-4{grid-template-columns:1fr;gap:22px;width:min(364px,100%);max-width:100%}.eiden-architecture .eiden-tree-stages .case-tree-children:before{background:var(--tree-color)!important;width:2px!important;height:100%!important;top:0!important;left:50%!important;transform:translate(-50%)!important}@supports (color:color-mix(in lab, red, red)){.eiden-architecture .eiden-tree-stages .case-tree-children:before{background:color-mix(in oklch, var(--tree-color) 60%, transparent)!important}}.eiden-architecture .eiden-tree-stages .case-tree-node{width:100%;min-width:0;max-width:100%;height:90px;min-height:90px;max-height:90px}}.eiden-flow .eiden-branch-grid{place-items:start center}.eiden-flow .eiden-branch-grid>.eiden-tree-node{place-self:start center}.eiden-flow .eiden-branch-grid .eiden-branch{flex-direction:column;align-items:center;width:100%;min-width:0;display:flex}.eiden-flow .eiden-branch-grid .eiden-branch>.eiden-tree-node{width:min(100%,324px);margin-inline:auto}.eiden-flow .eiden-branch-grid.compact{justify-items:center}.eiden-flow .eiden-branch-grid.compact>.eiden-tree-node{justify-self:center}.eiden-flow .eiden-branch-grid .eiden-tree-node:before,.eiden-flow .eiden-branch-grid .eiden-tree-node:after{left:50%}@media (width<=760px){.eiden-flow .eiden-branch-grid>.eiden-tree-node,.eiden-flow .eiden-branch-grid .eiden-branch>.eiden-tree-node{justify-self:center;margin-inline:auto}}.eiden-flow .eiden-branch-grid .eiden-tree-node{box-sizing:border-box;width:250px;min-width:250px;max-width:250px}@media (width<=760px){.eiden-flow .eiden-branch-grid .eiden-tree-node{width:min(250px,100%);min-width:0;max-width:250px}}.case-study-section:has(.case-study-architecture.case-study-architecture-zoomable.eiden-architecture){margin-bottom:-400px}@media (width<=1050px){.case-study-section:has(.case-study-architecture.case-study-architecture-zoomable.eiden-architecture){margin-bottom:-320px}}@media (width<=760px){.case-study-section:has(.case-study-architecture.case-study-architecture-zoomable.eiden-architecture){margin-bottom:-220px}}@media (width<=620px){.case-study-section:has(.case-study-architecture.case-study-architecture-zoomable.eiden-architecture){margin-bottom:-160px}}.infrastructure-lab-architecture .case-tree-canvas>.case-tree-stages article{box-sizing:border-box;width:364px;min-width:364px;max-width:364px;height:90px;min-height:90px;max-height:90px;padding:14px}.infrastructure-lab-architecture .case-tree-stages .case-tree-stage,.infrastructure-lab-architecture .case-tree-stages .case-tree-node{margin-inline:auto}@media (width<=620px){.infrastructure-lab-architecture .case-tree-canvas>.case-tree-stages article{width:min(364px,100vw - 48px);min-width:0;max-width:calc(100vw - 48px)}}.infra-flow{--infra-line:#5cd3ffa8;--infra-accent:#38bdf8;--infra-node:#0b1220;flex-direction:column;align-items:center;width:min(100%,1120px);margin:0 auto;display:flex}.infra-tree-node{z-index:2;box-sizing:border-box;width:250px;min-width:250px;max-width:250px;min-height:90px;animation:.5s both infra-node-in;animation-delay:calc(var(--node-index) * 55ms);background:linear-gradient(145deg,#111a2bf5,#060b15fa);border:1px solid #ffffff1c;border-radius:17px;align-items:center;gap:14px;padding:14px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0f,0 14px 30px #00000038}.infra-tree-node.is-featured{border-color:var(--infra-accent)}@supports (color:color-mix(in lab, red, red)){.infra-tree-node.is-featured{border-color:color-mix(in oklch, var(--infra-accent) 48%, white 4%)}}.infra-tree-node.is-featured{background:linear-gradient(145deg, var(--infra-accent), #070c17)}@supports (color:color-mix(in lab, red, red)){.infra-tree-node.is-featured{background:linear-gradient(145deg, color-mix(in oklch, var(--infra-accent) 11%, #111a2b 89%), #070c17)}}.infra-tree-node-icon{width:52px;height:52px;color:var(--icon-color,var(--infra-accent));background:var(--icon-color,var(--infra-accent));border-radius:14px;flex:0 0 52px;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.infra-tree-node-icon{background:color-mix(in oklch, var(--icon-color,var(--infra-accent)) 11%, transparent)}}.infra-tree-node-icon{border:1px solid var(--icon-color,var(--infra-accent))}@supports (color:color-mix(in lab, red, red)){.infra-tree-node-icon{border:1px solid color-mix(in oklch, var(--icon-color,var(--infra-accent)) 42%, transparent)}}.infra-tree-node-icon .case-flow-brand-icon{width:36px;height:36px}.infra-tree-node-copy{gap:6px;min-width:0;display:grid}.infra-tree-node-copy strong{font-size:.86rem;line-height:1.2}.infra-tree-node-copy small{color:var(--muted-foreground);font-size:.64rem;line-height:1.4}.infra-tree-flow-dot{width:8px;height:8px;box-shadow:0 0 14px 4px var(--infra-accent);background:#fff;border-radius:50%;position:absolute;top:-4px;left:50%;transform:translate(-50%,-50%)}@supports (color:color-mix(in lab, red, red)){.infra-tree-flow-dot{box-shadow:0 0 14px 4px color-mix(in oklch, var(--infra-accent) 70%, transparent)}}.infra-tree-flow-dot{animation:2.3s ease-in-out infinite infra-pulse}.infra-tree-connector{background:linear-gradient(180deg, var(--infra-line), #5cd3ff2e);flex:0 0 52px;width:2px;height:52px;position:relative}.infra-tree-connector i{background:#fff;border-radius:50%;width:7px;height:7px;animation:1.9s linear infinite infra-travel;position:absolute;top:-4px;left:50%;transform:translate(-50%);box-shadow:0 0 12px 4px #5cd3ff9e}.infra-branch-grid{gap:26px;width:min(100%,900px);margin:0;padding-top:58px;display:grid;position:relative}.infra-branch-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.infra-branch-grid:before{content:"";background:linear-gradient(90deg, transparent, var(--infra-line) 10%, var(--infra-line) 90%, transparent);height:2px;position:absolute;top:0;left:16.666%;right:16.666%}.infra-branch-grid .infra-tree-node{justify-self:center}.infra-branch-grid .infra-tree-node:before{content:"";background:linear-gradient(180deg, var(--infra-line), #5cd3ff38);width:2px;height:58px;position:absolute;top:-58px;left:50%}.infra-branch-grid .infra-tree-node:after{content:"";background:var(--infra-accent);border-radius:50%;width:9px;height:9px;position:absolute;top:-58px;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px #38bdf89e}.infra-branch{flex-direction:column;align-items:center;min-width:0;display:flex}.infra-branch>.infra-tree-node{width:250px}.infra-branch>.infra-tree-connector{flex-basis:42px;height:42px}.infra-network-branches{width:min(100%,900px);margin-bottom:2px}.infra-network-branches>.infra-tree-node{justify-self:center}.infra-branch-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,620px)}.infra-gitops-branches{margin:0 0 2px}.infra-gitops-flow>.infra-tree-node{width:250px}.infra-gitops-flow>.infra-tree-connector{flex-basis:44px;height:44px}.infra-gitops-flow .infra-gitops-branches+.infra-tree-connector{margin-top:4px}.infra-gitops-flow .infra-tree-node.is-featured{box-shadow:inset 0 1px #ffffff12,0 16px 38px #38bdf81f}@keyframes infra-node-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes infra-travel{0%{opacity:0;top:-2px}15%{opacity:1}85%{opacity:1}to{opacity:0;top:calc(100% + 2px)}}@keyframes infra-pulse{0%,to{opacity:.2}50%{opacity:1}}@media (width<=900px){.infra-branch-grid{width:min(100%,600px)}.infra-branch-grid.three,.infra-branch-grid.two{grid-template-columns:1fr;gap:20px}.infra-branch-grid:before{width:2px;height:58px;left:50%;right:auto}.infra-branch-grid .infra-tree-node:before{height:20px;top:-20px}.infra-branch-grid .infra-tree-node:after{top:-20px}.infra-branch-grid{padding-top:42px}}@media (width<=620px){.infra-tree-node{width:min(250px,100vw - 64px);min-width:0;max-width:250px}.infra-flow{width:100%}}@media (prefers-reduced-motion:reduce){.infra-tree-node,.infra-tree-flow-dot,.infra-tree-connector i{animation:none}}.dzhaner-com-architecture .case-tree-canvas>.case-tree-stages article{box-sizing:border-box;width:364px;min-width:364px;max-width:364px;height:90px;min-height:90px;max-height:90px;padding:14px}.dzhaner-com-architecture .case-tree-stages .case-tree-stage,.dzhaner-com-architecture .case-tree-stages .case-tree-node{margin-inline:auto}@media (width<=620px){.dzhaner-com-architecture .case-tree-canvas>.case-tree-stages article{width:min(364px,100vw - 48px);min-width:0;max-width:calc(100vw - 48px)}}.dzhaner-com-case-flow{justify-content:center;align-items:flex-start;width:100%;min-height:420px;padding:24px 0 10px;display:flex}.dzhaner-section-02,.dzhaner-section-04{overflow:visible}.dzhaner-flow{--dz-line:#5cd3ffa8;--dz-accent:#38bdf8;flex-direction:column;align-items:center;width:min(100%,900px);margin:0 auto;display:flex}.dzhaner-tree-node{z-index:2;box-sizing:border-box;width:250px;min-width:250px;max-width:250px;min-height:90px;animation:.5s both dzhaner-node-in;animation-delay:calc(var(--node-index,0) * 65ms);background:linear-gradient(145deg,#111a2bf5,#060b15fa);border:1px solid #ffffff1c;border-radius:17px;align-items:center;gap:14px;padding:14px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0f,0 14px 30px #00000038}.dzhaner-tree-node.is-featured{border-color:var(--dz-accent)}@supports (color:color-mix(in lab, red, red)){.dzhaner-tree-node.is-featured{border-color:color-mix(in oklch, var(--dz-accent) 48%, white 4%)}}.dzhaner-tree-node.is-featured{background:linear-gradient(145deg, var(--dz-accent), #070c17)}@supports (color:color-mix(in lab, red, red)){.dzhaner-tree-node.is-featured{background:linear-gradient(145deg, color-mix(in oklch, var(--dz-accent) 11%, #111a2b 89%), #070c17)}}.dzhaner-tree-node.is-featured{box-shadow:inset 0 1px #ffffff12,0 16px 38px #38bdf81c}.dzhaner-tree-node-icon{width:52px;height:52px;color:var(--icon-color,var(--dz-accent));background:var(--icon-color,var(--dz-accent));border-radius:14px;flex:0 0 52px;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.dzhaner-tree-node-icon{background:color-mix(in oklch, var(--icon-color,var(--dz-accent)) 11%, transparent)}}.dzhaner-tree-node-icon{border:1px solid var(--icon-color,var(--dz-accent))}@supports (color:color-mix(in lab, red, red)){.dzhaner-tree-node-icon{border:1px solid color-mix(in oklch, var(--icon-color,var(--dz-accent)) 42%, transparent)}}.dzhaner-tree-node-icon .case-flow-brand-icon{object-fit:contain;width:36px;height:36px}.dzhaner-tree-node-copy{gap:6px;min-width:0;display:grid}.dzhaner-tree-node-copy strong{font-size:.86rem;line-height:1.2}.dzhaner-tree-node-copy small{color:var(--muted-foreground);font-size:.64rem;line-height:1.4}.dzhaner-tree-flow-dot{width:8px;height:8px;box-shadow:0 0 14px 4px var(--dz-accent);background:#fff;border-radius:50%;position:absolute;top:-4px;left:50%;transform:translate(-50%,-50%)}@supports (color:color-mix(in lab, red, red)){.dzhaner-tree-flow-dot{box-shadow:0 0 14px 4px color-mix(in oklch, var(--dz-accent) 70%, transparent)}}.dzhaner-tree-flow-dot{animation:2.3s ease-in-out infinite dzhaner-pulse}.dzhaner-tree-connector{background:linear-gradient(180deg, var(--dz-line), #5cd3ff2e);flex:0 0 52px;width:2px;height:52px;position:relative}.dzhaner-tree-connector i{background:#fff;border-radius:50%;width:7px;height:7px;animation:1.9s linear infinite dzhaner-travel;position:absolute;top:-4px;left:50%;transform:translate(-50%);box-shadow:0 0 12px 4px #5cd3ff9e}.dzhaner-branch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;width:min(100%,620px);margin:0;padding-top:58px;display:grid;position:relative}.dzhaner-branch-grid:before{content:"";background:linear-gradient(90deg, transparent, var(--dz-line) 12%, var(--dz-line) 88%, transparent);height:2px;position:absolute;top:0;left:25%;right:25%}.dzhaner-branch-grid>.dzhaner-branch{flex-direction:column;align-items:center;min-width:0;display:flex;position:relative}.dzhaner-branch-grid>.dzhaner-branch:before{content:"";background:linear-gradient(180deg, var(--dz-line), #5cd3ff38);width:2px;height:58px;position:absolute;top:-58px;left:50%}.dzhaner-branch-grid>.dzhaner-branch:after{content:"";background:var(--dz-accent);border-radius:50%;width:9px;height:9px;position:absolute;top:-58px;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px #38bdf89e}.dzhaner-branch>.dzhaner-tree-connector{flex-basis:42px;height:42px}.dzhaner-converge-connector{margin-top:4px}.dzhaner-flow .role-route53,.dzhaner-flow .role-cloudfront{--icon-color:#8c4fff}.dzhaner-flow .role-s3,.dzhaner-flow .role-amazons3{--icon-color:#569a31}.dzhaner-flow .role-neutral{--icon-color:var(--dz-accent)}@keyframes dzhaner-node-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes dzhaner-travel{0%{opacity:0;top:-2px}15%{opacity:1}85%{opacity:1}to{opacity:0;top:calc(100% + 2px)}}@keyframes dzhaner-pulse{0%,to{opacity:.2}50%{opacity:1}}@media (width<=760px){.dzhaner-branch-grid{grid-template-columns:1fr;gap:20px;width:min(100%,300px)}.dzhaner-branch-grid:before{width:2px;height:58px;left:50%;right:auto}}@media (width<=620px){.dzhaner-flow{width:100%}.dzhaner-tree-node{width:min(250px,100vw - 64px);min-width:0;max-width:250px}}@media (prefers-reduced-motion:reduce){.dzhaner-tree-node,.dzhaner-tree-flow-dot,.dzhaner-tree-connector i{animation:none}}.bedrock-chatbot-architecture .case-tree-canvas>.case-tree-stages article{box-sizing:border-box;width:364px;min-width:364px;max-width:364px;height:90px;min-height:90px;max-height:90px;padding:14px}.bedrock-chatbot-architecture .case-tree-stages .case-tree-stage,.bedrock-chatbot-architecture .case-tree-stages .case-tree-node{margin-inline:auto}@media (width<=620px){.bedrock-chatbot-architecture .case-tree-canvas>.case-tree-stages article{width:min(364px,100vw - 48px);min-width:0;max-width:calc(100vw - 48px)}}.bedrock-chatbot-case-flow{justify-content:center;align-items:flex-start;width:100%;min-height:470px;padding:24px 0 12px;display:flex;overflow:visible}.bedrock-section-02,.bedrock-section-03{overflow:visible}.bedrock-flow{--bedrock-line:#60bfffb8;--bedrock-accent:#f90;--bedrock-blue:#4ea8ff;flex-direction:column;align-items:center;width:min(100%,900px);margin:0 auto;display:flex}.bedrock-tree-node{z-index:2;box-sizing:border-box;width:250px;min-width:250px;max-width:250px;min-height:90px;animation:.5s both bedrock-node-in;animation-delay:calc(var(--node-index,0) * 65ms);background:linear-gradient(145deg,#111a2bf5,#060b15fa);border:1px solid #ffffff1c;border-radius:17px;align-items:center;gap:14px;padding:14px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0f,0 14px 30px #00000038}.bedrock-tree-node.is-featured{border-color:var(--bedrock-accent)}@supports (color:color-mix(in lab, red, red)){.bedrock-tree-node.is-featured{border-color:color-mix(in oklch, var(--bedrock-accent) 48%, white 4%)}}.bedrock-tree-node.is-featured{background:linear-gradient(145deg, var(--bedrock-accent), #070c17)}@supports (color:color-mix(in lab, red, red)){.bedrock-tree-node.is-featured{background:linear-gradient(145deg, color-mix(in oklch, var(--bedrock-accent) 10%, #111a2b 90%), #070c17)}}.bedrock-tree-node.is-featured{box-shadow:inset 0 1px #ffffff12,0 16px 38px #ff990017}.bedrock-tree-node-icon{width:52px;height:52px;color:var(--icon-color,var(--bedrock-blue));background:var(--icon-color,var(--bedrock-blue));border-radius:14px;flex:0 0 52px;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.bedrock-tree-node-icon{background:color-mix(in oklch, var(--icon-color,var(--bedrock-blue)) 11%, transparent)}}.bedrock-tree-node-icon{border:1px solid var(--icon-color,var(--bedrock-blue))}@supports (color:color-mix(in lab, red, red)){.bedrock-tree-node-icon{border:1px solid color-mix(in oklch, var(--icon-color,var(--bedrock-blue)) 42%, transparent)}}.bedrock-tree-node-icon .case-flow-brand-icon{object-fit:contain;width:36px;height:36px}.bedrock-tree-node-copy{gap:6px;min-width:0;display:grid}.bedrock-tree-node-copy strong{font-size:.86rem;line-height:1.2}.bedrock-tree-node-copy small{color:var(--muted-foreground);font-size:.64rem;line-height:1.4}.bedrock-tree-flow-dot{width:8px;height:8px;box-shadow:0 0 14px 4px var(--bedrock-line);background:#fff;border-radius:50%;position:absolute;top:-4px;left:50%;transform:translate(-50%,-50%)}@supports (color:color-mix(in lab, red, red)){.bedrock-tree-flow-dot{box-shadow:0 0 14px 4px color-mix(in oklch, var(--bedrock-line) 70%, transparent)}}.bedrock-tree-flow-dot{animation:2.3s ease-in-out infinite bedrock-pulse}.bedrock-tree-connector{background:linear-gradient(180deg, var(--bedrock-line), #60bfff29);flex:0 0 50px;width:2px;height:50px;position:relative}.bedrock-tree-connector i{background:#fff;border-radius:50%;width:7px;height:7px;animation:1.9s linear infinite bedrock-travel;position:absolute;top:-4px;left:50%;transform:translate(-50%);box-shadow:0 0 12px 4px #60bfff9e}.bedrock-architecture-branch{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;width:min(100%,590px);padding-top:58px;display:grid;position:relative}.bedrock-architecture-branch-line{background:linear-gradient(90deg, transparent, var(--bedrock-line) 15%, var(--bedrock-line) 85%, transparent);height:2px;position:absolute;top:0;left:25%;right:25%}.bedrock-architecture-branch-item{flex-direction:column;align-items:center;min-width:0;display:flex;position:relative}.bedrock-architecture-branch-item:before{content:"";background:linear-gradient(180deg, var(--bedrock-line), #60bfff2e);width:2px;height:58px;position:absolute;top:-58px;left:50%}.bedrock-architecture-branch-item:after{content:"";background:var(--bedrock-accent);border-radius:50%;width:9px;height:9px;position:absolute;top:-58px;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px #ff99009e}.bedrock-architecture-branch-item>.bedrock-tree-connector{flex-basis:42px;height:42px}.bedrock-architecture-converge{margin-top:4px}.bedrock-rag-branch{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;width:min(100%,590px);padding-top:58px;display:grid;position:relative}.bedrock-rag-branch-line{background:linear-gradient(90deg, transparent, var(--bedrock-line) 15%, var(--bedrock-line) 85%, transparent);height:2px;position:absolute;top:0;left:25%;right:25%}.bedrock-rag-branch-item{justify-content:center;display:flex;position:relative}.bedrock-rag-branch-item:before{content:"";background:linear-gradient(180deg, var(--bedrock-line), #60bfff2e);width:2px;height:58px;position:absolute;top:-58px;left:50%}.bedrock-rag-branch-item:after{content:"";background:var(--bedrock-blue);border-radius:50%;width:9px;height:9px;position:absolute;top:-58px;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px #4ea8ff9e}.bedrock-rag-converge{margin-top:4px}.bedrock-flow .role-bedrock{--icon-color:#f90}.bedrock-flow .role-opensearch{--icon-color:#005eb8}.bedrock-flow .role-lambda{--icon-color:#f90}.bedrock-flow .role-gateway{--icon-color:#ff4f8b}.bedrock-flow .role-postgresql,.bedrock-flow .role-postgres{--icon-color:#4169e1}.bedrock-flow .role-neutral{--icon-color:var(--bedrock-blue)}@keyframes bedrock-node-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes bedrock-travel{0%{opacity:0;top:-2px}15%{opacity:1}85%{opacity:1}to{opacity:0;top:calc(100% + 2px)}}@keyframes bedrock-pulse{0%,to{opacity:.2}50%{opacity:1}}@media (width<=760px){.bedrock-architecture-branch,.bedrock-rag-branch{grid-template-columns:1fr;gap:20px;width:min(100%,300px)}.bedrock-architecture-branch-line,.bedrock-rag-branch-line{width:2px;height:58px;left:50%;right:auto}}@media (width<=620px){.bedrock-flow{width:100%}.bedrock-tree-node{width:min(250px,100vw - 64px);min-width:0;max-width:250px}}@media (prefers-reduced-motion:reduce){.bedrock-tree-node,.bedrock-tree-flow-dot,.bedrock-tree-connector i{animation:none}}.bedrock-application-flow{width:min(100%,620px)}.bedrock-application-step{flex-direction:column;align-items:center;display:flex}.bedrock-application-step .bedrock-tree-node{padding-right:48px}.bedrock-application-number{min-width:25px;height:25px;font-family:var(--font-mono,monospace);color:#ffffff94;background:#ffffff09;border:1px solid #ffffff21;border-radius:8px;place-items:center;font-size:.58rem;display:grid;position:absolute;top:10px;right:11px}.bedrock-application-step .bedrock-tree-connector{flex-basis:44px;height:44px}.bedrock-application-step:nth-child(4) .bedrock-tree-node,.bedrock-application-step:nth-child(5) .bedrock-tree-node{border-color:var(--bedrock-blue)}@supports (color:color-mix(in lab, red, red)){.bedrock-application-step:nth-child(4) .bedrock-tree-node,.bedrock-application-step:nth-child(5) .bedrock-tree-node{border-color:color-mix(in oklch, var(--bedrock-blue) 42%, white 4%)}}.bedrock-application-step:nth-child(6) .bedrock-tree-node{border-color:var(--bedrock-accent)}@supports (color:color-mix(in lab, red, red)){.bedrock-application-step:nth-child(6) .bedrock-tree-node{border-color:color-mix(in oklch, var(--bedrock-accent) 55%, white 4%)}}@media (width<=620px){.bedrock-application-flow{width:100%}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}